Ticket #4674 - Studio: Layout changes.

modules/boonex/developer/template/css/main.css

@@ -85,13 +85,23 @@ div.bx-dev-page-columns-cnt {
     width: 100%;
 }
 
+div.bx-dev-page-columns-cnt {
+    height: calc(100vh - 4rem);
+}
+
 div.bx-dev-page-column.bx-dev-page-menu {
     position: relative;
     -webkit-flex: 0 0 230px;
     flex: 0 0 230px;
     width: 230px;
     background-color: #ffffff;
+    
+    overflow-y: auto;
+}
+div.bx-dev-page-column.bx-dev-page-menu::-webkit-scrollbar {
+  display: none;
 }
+
 div.bx-dev-page-column.bx-dev-page-menu div.bx-dev-page-column-cnt {
     position: -webkit-sticky;
     position: sticky;
@@ -102,5 +112,11 @@ div.bx-dev-page-column.bx-dev-page-content {
     position: relative;
     -webkit-flex: 2 1 auto;
     flex: 2 1 auto;
+
+    height: 100%;
+
     background: #e5e5e5;
+
+    overflow-x: hidden;
+    overflow-y: auto;
 }

modules/boonex/developer/template/page_content.html

@@ -1,8 +1,8 @@
 <div class="bx-dev-page-columns-cnt">
-    <div class="bx-dev-page-column bx-dev-page-menu">
+    <div class="bx-dev-page-column bx-dev-page-menu border-r">
         <div class="bx-dev-page-column-cnt bx-def-margin-sec-topbottom" id="bx-dev-pc-menu">__page_menu_code__</div>
     </div>
     <div class="bx-dev-page-column bx-dev-page-content">
-        <div class="bx-dev-page-column-cnt bx-def-padding-rightbottomleft" id="bx-dev-pc-content">__page_main_code__</div>
+        <div class="bx-dev-page-column-cnt" id="bx-dev-pc-content">__page_main_code__</div>
     </div>
 </div>

studio/template/css/launcher.css

@@ -10,6 +10,10 @@ body.bx-std-bg.bx-std-page-launcher {
     background-color: transparent;
 }
 
+.bx-std-page-launcher div.bx-std-page-column.bx-std-page-menu {
+    border-width: 0;
+}
+
 /**
  * Page Menu (Left Side)
  */