make designer maximize

googlearchive · Dec 20, 2013 · bf1bbf6 · bf1bbf6
1 parent 453b721
commit bf1bbf6
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/x-designer.html b/x-designer.html
@@ -31,15 +31,20 @@
         width: 284px;
         z-index: 1;
         box-shadow: 5px 0 8px rgba(0, 0, 0, 0.16);
+        transition: width 0.3s;
+      }
+      #tools.maximized {
+        width: 0;
       }
       #palette {
         -webkit-transition: left 0.4s;
         transition: left 0.4s;
       }
       #tree {
         height: 300px;
+        overflow: hidden;
       }
-      .selected-element {
+      #canvas:not(.maximized) .selected-element {
         outline: solid 10px rgba(72, 154, 254, 0.20);
         outline-offset: -2px;
       }
@@ -86,8 +91,9 @@
         this.$.canvas.selectParentElement();
       },
       maximizedChanged: function() {
-        this.$.palette.classList.toggle('maximized', this.maximized);
-        this.$.canvas.classList.toggle('maximized', this.maximized);
+        this.$.tools.classList.toggle('maximized', this.maximized);
+        this.$.canvas.classList.toggle('maximized', this.maximized)
+        this.$.canvas.dragDisabled = this.maximized;
       },
       inspectTarget: function(event) {
         var t = event.target;