fix default sizes

BlocklyDuino · May 14, 2020 · fd53b7d · fd53b7d
1 parent 76fff91
commit fd53b7d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 7 deletions.
diff --git a/www/blocklyduino/css/blocklyduino.css b/www/blocklyduino/css/blocklyduino.css
@@ -210,7 +210,7 @@ td.tabMiddle {
     overflow: hidden;
 }
 #content_area{
-    width: 100%;
+    width: calc(100% - 50px);
     height: 100%;
     min-width: 10px;
 }
@@ -232,15 +232,12 @@ td.tabMiddle {
 }
 #code_peek {
     background-color: #FFFFFF;
-    width: 100%;
+    width: 50px;
     height: 100%;
     min-width: 5px;
 }
 #barre_h{
     cursor: row-resize;
-    /* padding : 0px; */
-    /* margin : 0px; */
-    height: 30px;
     width: 100%;
     background-color : #17A1A5;
     background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='10'><path d='M0 2 h30 0 M0 5 h30 0 M0 8 h30 0' fill='none' stroke='black'/></svg>");

diff --git a/www/blocklyduino/js/blockly/code.js b/www/blocklyduino/js/blockly/code.js
@@ -445,11 +445,12 @@ Code.init = function () {
                 element.style.left = mouse_down_info.offsetLeft + delta.x + "px";
                 first.style.width = (mouse_down_info.firstWidth + delta.x) + "px";
                 second.style.width = (mouse_down_info.secondWidth - delta.x) + "px";
+                //hide button if div si too thin
                 if (document.getElementById("code_peek").offsetWidth < 50)
                     document.getElementById("copyCodeButton").style.visibility = 'hidden';
                 else
                     document.getElementById("copyCodeButton").style.visibility = 'visible';
-            }
+            } 
             if (direction === "V") // Vertical
             {
                 // prevent negative-sized elements
@@ -462,8 +463,8 @@ Code.init = function () {
             Blockly.svgResize(Code.workspace);
         }
     }
-    dragElement(document.getElementById("separator"), "H", document.getElementById("content_area"), document.getElementById("code_peek"));
     dragElement(document.getElementById("barre_h"), "V", document.getElementById("wrapper_up"), document.getElementById("content_serial"));
+    dragElement(document.getElementById("separator"), "H", document.getElementById("content_area"), document.getElementById("code_peek"));
 
     Code.renderContent();
     Code.workspace.addChangeListener(Code.renderContent);