Update layer input style and refactor OpenLayers command

src/commands/view/OpenLayers.js

@@ -2,6 +2,7 @@ const Layers = require('navigator');
 const $ = Backbone.$;
 
 module.exports = {
+  /*
   run(em, sender) {
     if (!this.toAppend) {
       var collection = em.DomComponents.getComponent().get('components');
@@ -34,5 +35,27 @@ module.exports = {
 
   stop() {
     this.toAppend && this.toAppend.hide();
+  },
+  */
+
+  run(editor) {
+    const lm = editor.LayerManager;
+    const pn = editor.Panels;
+
+    if (!this.layers) {
+      const id = 'views-container';
+      const layers = document.createElement('div');
+      const panels = pn.getPanel(id) || pn.addPanel({ id });
+      layers.appendChild(lm.render());
+      panels.set('appendContent', layers).trigger('change:appendContent');
+      this.layers = layers;
+    }
+
+    this.layers.style.display = 'block';
+  },
+
+  stop() {
+    const layers = this.layers;
+    layers && (layers.style.display = 'none');
   }
 };

src/navigator/index.js

@@ -37,6 +37,7 @@ module.exports = () => {
         options.collection = collection;
       }
 
+      console.log('options', options);
       layers = new View(options);
       em && em.on('component:selected', this.componentChanged);
       this.componentChanged();
@@ -78,6 +79,7 @@ module.exports = () => {
     },
 
     render() {
+      console.log('render layers');
       return layers.render().el;
     }
   };

src/styles/scss/_gjs_layers.scss

@@ -67,6 +67,7 @@
 
     &-name {
       padding: 5px;
+      font-size: 11px;
       display: inline-block;
       box-sizing: content-box;
       @extend .#{$app-prefix}no-user-select;