#93 - Related fixes and improvements.

studio/template/bp_add_block_form.html

@@ -1,15 +1,15 @@
-<div class="adm-bp-cbf-left">
+<div class="adm-bp-cbf-left bx-def-border-color-layout">
     <div class="adm-bp-cbf-left-cnt bx-def-padding-sec-top">
         __menu__
     </div>
 </div>
-<div class="adm-bp-cbf-right">
+<div class="adm-bp-cbf-right bx-def-border-color-layout">
     <div class="adm-bp-cbf-right-cnt bx-def-padding">
         <div id="__html_block_lists_id__" class="adm-bp-cbf-right-cnt">__blocks__</div>
     </div>
 </div>
 <div class="bx-std-cb"></div>
-<div class="adm-bp-cbf-controls bx-def-padding-top bx-def-padding-leftright">
+<div class="adm-bp-cbf-controls bx-def-padding-top bx-def-padding-leftright bx-def-border-color-layout">
     <button class="bx-btn bx-btn-primary" name="do_submit" value="<bx_text:_adm_bp_btn_block_add />" type="submit"><bx_text:_adm_bp_btn_block_add /></button>
     <button class="bx-btn bx-def-margin-sec-left" name="do_cancel" value="<bx_text:_adm_bp_btn_block_cancel />" type="button" onclick="$('.bx-popup-applied:visible').dolPopupHide()"><bx_text:_adm_bp_btn_block_cancel /></button>
     <div class="adm-bp-cbf-counter bx-def-font-h3"><span id="adm-bp-cbf-counter">0</span> <bx_text:_adm_bp_txt_block_selected /></div>

studio/template/bp_add_page.html

@@ -1,4 +1,4 @@
-<div class="adm-bp-add-form bx-def-color-bg-block">
+<div class="adm-bp-add-form bx-def-margin-top-neg bx-def-color-bg-block">
     <div class="adm-bp-add-form-cnt">
         __form__
         <script type="text/javascript">

studio/template/bp_edit_page_form.html

@@ -1,9 +1,9 @@
-<div class="adm-bp-epf-left">
+<div class="adm-bp-epf-left bx-def-border-color-layout">
     <div class="adm-bp-epf-left-cnt bx-def-padding-sec-top">
         __menu__
     </div>
 </div>
-<div class="adm-bp-epf-right">
+<div class="adm-bp-epf-right bx-def-border-color-layout">
     <div id="__html_settings_groups_id__" class="adm-bp-epf-right-cnt bx-def-padding">
         <bx_repeat:settings_groups>
             <div id="__html_settings_group_id__" class="adm-bp-settings" style="<bx_if:hidden>display: none;</bx_if:hidden>">__content__</div>
@@ -11,7 +11,7 @@
     </div>
 </div>
 <div class="bx-std-cb"></div>
-<div class="adm-bp-epf-controls bx-def-padding-top bx-def-padding-leftright">
+<div class="adm-bp-epf-controls bx-def-padding-top bx-def-padding-leftright bx-def-border-color-layout">
     <button class="bx-btn bx-btn-primary" name="do_submit" value="__submit__" type="submit">__submit__</button>
     <button class="bx-btn bx-def-margin-sec-left" name="do_cancel" value="<bx_text:_adm_bp_btn_page_cancel />" type="button" onclick="$('.bx-popup-applied:visible').dolPopupHide()"><bx_text:_adm_bp_btn_page_cancel /></button>
     <div class="bx-std-cb"></div>

studio/template/css/builder_page.css

@@ -129,8 +129,8 @@ div.adm-bp-cbf-left {
     left: 0px;
 	width: 179px;
 	height: 300px;
-	border-top: 1px solid #cccccc;
-	border-right: 1px solid #cccccc;
+	border-style: solid;
+	border-width: 1px 1px 0px 0px;
 	overflow-y: auto; 
 }
 div.adm-bp-cbf-left-cnt {}
@@ -139,12 +139,14 @@ div.adm-bp-cbf-right {
 	width: 440px;
 	height: 300px;
 	margin-left: 180px;
-	border-top: 1px solid #cccccc;
+	border-style: solid;
+	border-width: 1px 0px 0px 0px;
 	overflow-y: auto;
 }
 div.adm-bp-cbf-right-cnt {}
 div.adm-bp-cbf-controls {
-	border-top: 1px solid #cccccc;
+	border-style: solid;
+	border-width: 1px 0px 0px 0px;
 }
 div.adm-bp-cbf-counter {
 	position: relative;
@@ -193,8 +195,8 @@ div.adm-bp-epf-left {
 	left: 0px;
     width: 179px;
     height: 310px;
-	border-top: 1px solid #cccccc;
-    border-right: 1px solid #cccccc;
+	border-style: solid;
+	border-width: 1px 1px 0px 0px;
     overflow-y: auto; 
 }
 div.adm-bp-epf-left-cnt {}
@@ -203,12 +205,14 @@ div.adm-bp-epf-right {
     width: 380px;
     height: 310px;
 	margin-left: 180px;
-	border-top: 1px solid #cccccc;
+	border-style: solid;
+	border-width: 1px 0px 0px 0px;
     overflow-y: auto;
 }
 div.adm-bp-epf-right-cnt {}
 div.adm-bp-epf-controls {
-    border-top: 1px solid #cccccc;
+	border-style: solid;
+	border-width: 1px 0px 0px 0px;
 }
 div#adm-bp-settings-group-layout {
     margin: 0px -10px;

studio/template/css/default.less

@@ -5,6 +5,11 @@
     .margin-top(-@bx-margin);
 }
 
+/* border for common layout elements likedesign boxes, pads, menu items, etc */
+.bx-def-border-color-layout {
+    border-color: @bx-border-color-layout;
+}
+
 /* widget */
 .bx-def-widget-size {
     .width(@bx-size-widget);

studio/template/designbox_0.html

@@ -1,3 +1,3 @@
-<!-- Design Box [ Start ] here  -->
+<!-- Design Box 0 [start]: Content only -->
 __content__
-<!-- Design Box [ End ] here  -->
+<!-- Design Box 0 [ end ] -->

studio/template/designbox_1.html

@@ -1,4 +1,4 @@
-<!-- Design Box [ Start ] here  -->
+<!-- Design Box 1 [start]: Content + title + background -->
 <div __id__ class="bx-db-container bx-def-border bx-def-shadow bx-def-color-bg-block bx-def-margin-bottom">
     <div class="bx-db-header bx-def-border-bottom">
         <div class="bx-db-title bx-def-padding-sec-left">__title__</div>
@@ -9,4 +9,4 @@
     <div class="bx-db-content">__content__</div>
     __bottom_item__
 </div>
-<!-- Design Box [ End ] here  -->
+<!-- Design Box 1 [ end ] -->

studio/template/designbox_10.html

@@ -1,5 +1,5 @@
-<!-- Design Box [ Start ] here -->
+<!-- Design Box 10 [start]: Content only + padding -->
 <div class="bx-def-padding">
     __content__
 </div>
-<!-- Design Box [ End ] here -->
+<!-- Design Box 10 [ end ] -->

studio/template/designbox_11.html

@@ -1,4 +1,4 @@
-<!-- Design Box [ Start ] here  -->
+<!-- Design Box 11 [start]: Content + title + background + padding -->
 <div class="bx-db-container bx-def-border bx-def-shadow bx-def-color-bg-block bx-def-margin-bottom">
     <div class="bx-db-header bx-def-border-bottom">
         <div class="bx-db-title bx-def-padding-sec-left">__title__</div>
@@ -9,4 +9,4 @@
     <div class="bx-db-content bx-def-padding-sec">__content__</div>
     __bottom_item__
 </div>
-<!-- Design Box [ Start ] here  -->
+<!-- Design Box 11 [ end ] -->

studio/template/designbox_13.html

@@ -1,8 +1,8 @@
-<!-- Design Box [ Start ] here  -->
+<!-- Design Box 13 [start]: Content + background + padding -->
 <div class="bx-db-container bx-def-border bx-def-shadow bx-def-color-bg-block bx-def-margin-bottom">
     <div class="bx-db-content bx-def-padding">
             __content__
     </div>
 	__bottom_item__
 </div>
-<!-- Design Box [ Start ] here  -->
+<!-- Design Box 13 [ end ] -->

studio/template/designbox_2.html

@@ -1,2 +1,2 @@
-<!-- Design Box #2 [ Start ] here  -->
-<!-- Design Box #2 [ End ] here  -->
+<!-- Design Box 2 [start] -->
+<!-- Design Box 2 [ end ] -->

studio/template/designbox_3.html

@@ -1,8 +1,8 @@
-<!-- Design Box [ Start ] here  -->
+<!-- Design Box 3 [start]: Content + background -->
 <div class="bx-db-container bx-def-border bx-def-shadow bx-def-color-bg-block bx-def-margin-bottom">
     <div class="bx-db-content">
             __content__
     </div>
 	__bottom_item__
 </div>
-<!-- Design Box [ Start ] here  -->
+<!-- Design Box 3 [ end ] -->

studio/template/scripts/BxBaseStudioConfig.php

@@ -25,6 +25,8 @@ class BxBaseStudioConfig extends BxTemplConfig
             'bx-padding-sec' => '20px',
             'bx-padding-thd' => '10px',
 
+        	'bx-border-color-layout' => '#cccccc',
+
             'bx-size-widget' => '128px',
             'bx-round-corners-radius-widget' => '32px',
         ));