From a5fa11749c3e086854817e21e57b879326de2acd Mon Sep 17 00:00:00 2001
From: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov>
Date: Mon, 9 Nov 2015 15:14:50 -0800
Subject: [PATCH] [Frontend] Min/max widths on panes adjusted

open #250
Moved new min/max definitions into desktop-only
portion of layout.scss to not affect mobile layout;
---
 .../res/sass/user-environ/_layout.scss        |  36 +++---
 .../espresso/res/css/theme-espresso.css       | 106 +++++++++---------
 .../themes/snow/res/css/theme-snow.css        | 106 +++++++++---------
 3 files changed, 125 insertions(+), 123 deletions(-)

diff --git a/platform/commonUI/general/res/sass/user-environ/_layout.scss b/platform/commonUI/general/res/sass/user-environ/_layout.scss
index a9024334e2..cf46e10a13 100644
--- a/platform/commonUI/general/res/sass/user-environ/_layout.scss
+++ b/platform/commonUI/general/res/sass/user-environ/_layout.scss
@@ -110,23 +110,6 @@
 	}
 }
 
-.split-layout {
-    .split-pane-component.pane {
-        //@include test(green);
-        &.treeview.left {
-            min-width: $ueBrowseLeftPaneTreeMinW;
-            max-width: $ueBrowseLeftPaneTreeMaxW;
-            width: $ueBrowseLeftPaneTreeW;
-        }
-        &.t-inspect.right {
-            min-width: $ueBrowseRightPaneInspectMinW;
-            max-width: $ueBrowseRightPaneInspectMaxW;
-            width: $ueBrowseRightPaneInspectW;
-            z-index: 3; // Must lift up beyond primary pane to allow overflow to go underneath
-        }
-    }
-}
-
 .edit-mode {
     .split-layout {
         .split-pane-component.pane.right {
@@ -335,6 +318,25 @@
     .holder-all {
         min-width: $ueDesktopMinW;
     }
+
+    .split-layout {
+        .split-pane-component.pane {
+            //@include test(green);
+            &.treeview.left {
+                min-width: $ueBrowseLeftPaneTreeMinW;
+                max-width: $ueBrowseLeftPaneTreeMaxW;
+                width: $ueBrowseLeftPaneTreeW;
+            }
+            &.t-inspect.right {
+                min-width: $ueBrowseRightPaneInspectMinW;
+                max-width: $ueBrowseRightPaneInspectMaxW;
+                width: $ueBrowseRightPaneInspectW;
+                z-index: 3; // Must lift up beyond primary pane to allow overflow to go underneath
+            }
+        }
+    }
+
+
     .pane.treeview.left .tree-holder {
         padding-right: $interiorMargin;
     }
diff --git a/platform/commonUI/themes/espresso/res/css/theme-espresso.css b/platform/commonUI/themes/espresso/res/css/theme-espresso.css
index 2327e8c61d..17c40c21db 100644
--- a/platform/commonUI/themes/espresso/res/css/theme-espresso.css
+++ b/platform/commonUI/themes/espresso/res/css/theme-espresso.css
@@ -4458,76 +4458,64 @@ span.req {
     .user-environ .ue-bottom-bar .app-logo.logo-openmctweb {
       background: url("../../../../general/res/images/logo-openmctweb.svg") no-repeat center center; }
 
-/* line 116, ../../../../general/res/sass/user-environ/_layout.scss */
-.split-layout .split-pane-component.pane.treeview.left {
-  min-width: 150px;
-  max-width: 35%;
-  width: 25%; }
-/* line 121, ../../../../general/res/sass/user-environ/_layout.scss */
-.split-layout .split-pane-component.pane.t-inspect.right {
-  min-width: 200px;
-  max-width: 35%;
-  width: 20%;
-  z-index: 3; }
-
-/* line 132, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 115, ../../../../general/res/sass/user-environ/_layout.scss */
 .edit-mode .split-layout .split-pane-component.pane.right {
   width: 15%; }
-  /* line 134, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 117, ../../../../general/res/sass/user-environ/_layout.scss */
   .edit-mode .split-layout .split-pane-component.pane.right .pane.bottom {
     min-height: 50px;
     height: 30%; }
 
-/* line 142, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 125, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   position: absolute; }
-  /* line 146, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 129, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .pane-header {
     text-transform: uppercase;
     height: 24px;
     line-height: 24px; }
-  /* line 152, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 135, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .primary-pane {
     z-index: 2; }
-  /* line 157, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 140, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .mini-tab-icon.toggle-pane {
     z-index: 5; }
     @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-      /* line 157, ../../../../general/res/sass/user-environ/_layout.scss */
+      /* line 140, ../../../../general/res/sass/user-environ/_layout.scss */
       .pane .mini-tab-icon.toggle-pane {
         top: 10px;
         height: 24px;
         line-height: 24px; }
-        /* line 166, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 149, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane:after {
           opacity: 0; }
-        /* line 171, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 154, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.collapsed:before {
           opacity: 0; }
-        /* line 174, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 157, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.collapsed:after {
           opacity: 1; }
-        /* line 178, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 161, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left {
           left: 0;
           -moz-transform: translateX(-34px);
           -ms-transform: translateX(-34px);
           -webkit-transform: translateX(-34px);
           transform: translateX(-34px); }
-          /* line 181, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 164, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:after {
             content: '\6d'; }
-          /* line 184, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 167, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left.collapsed {
             left: 0;
             -moz-transform: translateX(-17px);
             -ms-transform: translateX(-17px);
             -webkit-transform: translateX(-17px);
             transform: translateX(-17px); }
-          /* line 188, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 171, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:not(.collapsed):before {
             -moz-transition-property: opacity;
             -o-transition-property: opacity;
@@ -4545,16 +4533,16 @@ span.req {
             -o-transition-delay: 200ms;
             -webkit-transition-delay: 200ms;
             transition-delay: 200ms; }
-        /* line 192, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 175, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right {
           right: 10px; }
-          /* line 194, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 177, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right:after {
             content: '\e615'; }
-          /* line 197, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 180, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right.collapsed {
             right: 5px; } }
-  /* line 206, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 189, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .left.l-inspect, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.pager, .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.pager,
   .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.val,
   .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.val, .pane.items .object-browse-bar .s-menu-btn span.left.l-click-area, .s-menu-btn .pane.items .object-browse-bar span.left.l-click-area,
@@ -4568,30 +4556,30 @@ span.req {
   .s-menu-btn .pane.items .object-browse-bar span.right.l-click-area {
     top: auto; }
 
-/* line 216, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 199, ../../../../general/res/sass/user-environ/_layout.scss */
 .split-layout .holder.holder-treeview-elements {
   top: 10px;
   right: 0;
   bottom: 10px;
   left: 10px; }
-/* line 223, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 206, ../../../../general/res/sass/user-environ/_layout.scss */
 .split-layout .holder.holder-object-and-inspector {
   top: 0;
   right: 0;
   bottom: 0;
   left: 0; }
-  /* line 228, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 211, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout .holder.holder-object-and-inspector .holder-object {
     top: 10px;
     bottom: 10px; }
-  /* line 232, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 215, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout .holder.holder-object-and-inspector .holder-inspector-elements {
     top: 10px;
     bottom: 10px;
     left: 10px;
     right: 10px; }
 
-/* line 241, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 224, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-holder {
   overflow: auto;
   position: absolute;
@@ -4602,11 +4590,11 @@ span.req {
   width: auto;
   height: auto;
   top: 34px; }
-  /* line 245, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 228, ../../../../general/res/sass/user-environ/_layout.scss */
   .object-holder.l-controls-visible.l-time-controller-visible {
     bottom: 88px; }
 
-/* line 251, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 234, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar .s-btn, .object-browse-bar .s-menu-btn,
 .top-bar .buttons-main .s-btn,
 .top-bar .buttons-main .s-menu-btn,
@@ -4618,13 +4606,13 @@ span.req {
   line-height: 25px;
   vertical-align: top; }
 
-/* line 264, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 247, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar .view-switcher,
 .top-bar .view-switcher {
   margin-right: 20px; }
 
 /***************************************************** OBJECT BROWSE BAR */
-/* line 270, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 253, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar {
   overflow: visible;
   position: absolute;
@@ -4640,20 +4628,20 @@ span.req {
   height: 24px;
   line-height: 24px;
   white-space: nowrap; }
-  /* line 278, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 261, ../../../../general/res/sass/user-environ/_layout.scss */
   .object-browse-bar .left {
     padding-right: 10px; }
-    /* line 280, ../../../../general/res/sass/user-environ/_layout.scss */
+    /* line 263, ../../../../general/res/sass/user-environ/_layout.scss */
     .object-browse-bar .left .l-back {
       margin-right: 10px; }
 
-/* line 292, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 275, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-hidden .tree-holder,
 .pane-tree-hidden .splitter-treeview,
 .pane-tree-hidden .holder-treeview-elements {
   opacity: 0; }
 
-/* line 302, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 285, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-showing .tree-holder,
 .pane-tree-showing .splitter-treeview {
   -moz-transition-property: opacity;
@@ -4673,7 +4661,7 @@ span.req {
   -webkit-transition-delay: 250ms;
   transition-delay: 250ms;
   opacity: 1; }
-/* line 308, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 291, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-showing .holder-treeview-elements {
   -moz-transition-property: opacity;
   -o-transition-property: opacity;
@@ -4692,7 +4680,7 @@ span.req {
   -webkit-transition-delay: 200ms;
   transition-delay: 200ms; }
 
-/* line 315, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 298, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-inspect-showing .l-object-and-inspector .l-inspect,
 .pane-inspect-showing .l-object-and-inspector .splitter-inspect {
   -moz-transition-property: opacity;
@@ -4713,32 +4701,44 @@ span.req {
   transition-delay: 250ms;
   opacity: 1; }
 
-/* line 324, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 307, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-inspect-hidden .l-object-and-inspector .t-inspect {
   z-index: 1 !important; }
-/* line 327, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 310, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-inspect-hidden .l-object-and-inspector .l-inspect,
 .pane-inspect-hidden .l-object-and-inspector .splitter-inspect {
   opacity: 0; }
 
 @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-  /* line 335, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 318, ../../../../general/res/sass/user-environ/_layout.scss */
   .holder-all {
     min-width: 600px; }
 
-  /* line 338, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 325, ../../../../general/res/sass/user-environ/_layout.scss */
+  .split-layout .split-pane-component.pane.treeview.left {
+    min-width: 150px;
+    max-width: 35%;
+    width: 25%; }
+  /* line 330, ../../../../general/res/sass/user-environ/_layout.scss */
+  .split-layout .split-pane-component.pane.t-inspect.right {
+    min-width: 200px;
+    max-width: 35%;
+    width: 20%;
+    z-index: 3; }
+
+  /* line 340, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.treeview.left .tree-holder {
     padding-right: 5px; }
 
-  /* line 342, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 344, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane-tree-hidden .pane.right.primary-pane {
     left: 22px !important; }
 
-  /* line 345, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 347, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane-inspect-hidden .l-object-and-inspector .pane.left {
     right: 22px !important; }
 
-  /* line 347, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 349, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane:not(.resizing) {
     -moz-transition-property: width, left, right;
     -o-transition-property: width, left, right;
@@ -4757,7 +4757,7 @@ span.req {
     -webkit-transition-delay: 0;
     transition-delay: 0; }
 
-  /* line 350, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 352, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.primary-pane .object-browse-bar {
     min-width: 200px; } }
 /*****************************************************************************
diff --git a/platform/commonUI/themes/snow/res/css/theme-snow.css b/platform/commonUI/themes/snow/res/css/theme-snow.css
index 5334dd6124..389e91b7b0 100644
--- a/platform/commonUI/themes/snow/res/css/theme-snow.css
+++ b/platform/commonUI/themes/snow/res/css/theme-snow.css
@@ -4380,76 +4380,64 @@ span.req {
     .user-environ .ue-bottom-bar .app-logo.logo-openmctweb {
       background: url("../../../../general/res/images/logo-openmctweb.svg") no-repeat center center; }
 
-/* line 116, ../../../../general/res/sass/user-environ/_layout.scss */
-.split-layout .split-pane-component.pane.treeview.left {
-  min-width: 150px;
-  max-width: 35%;
-  width: 25%; }
-/* line 121, ../../../../general/res/sass/user-environ/_layout.scss */
-.split-layout .split-pane-component.pane.t-inspect.right {
-  min-width: 200px;
-  max-width: 35%;
-  width: 20%;
-  z-index: 3; }
-
-/* line 132, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 115, ../../../../general/res/sass/user-environ/_layout.scss */
 .edit-mode .split-layout .split-pane-component.pane.right {
   width: 15%; }
-  /* line 134, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 117, ../../../../general/res/sass/user-environ/_layout.scss */
   .edit-mode .split-layout .split-pane-component.pane.right .pane.bottom {
     min-height: 50px;
     height: 30%; }
 
-/* line 142, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 125, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   position: absolute; }
-  /* line 146, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 129, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .pane-header {
     text-transform: uppercase;
     height: 24px;
     line-height: 24px; }
-  /* line 152, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 135, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .primary-pane {
     z-index: 2; }
-  /* line 157, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 140, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane .mini-tab-icon.toggle-pane {
     z-index: 5; }
     @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-      /* line 157, ../../../../general/res/sass/user-environ/_layout.scss */
+      /* line 140, ../../../../general/res/sass/user-environ/_layout.scss */
       .pane .mini-tab-icon.toggle-pane {
         top: 10px;
         height: 24px;
         line-height: 24px; }
-        /* line 166, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 149, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane:after {
           opacity: 0; }
-        /* line 171, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 154, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.collapsed:before {
           opacity: 0; }
-        /* line 174, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 157, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.collapsed:after {
           opacity: 1; }
-        /* line 178, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 161, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left {
           left: 0;
           -moz-transform: translateX(-33px);
           -ms-transform: translateX(-33px);
           -webkit-transform: translateX(-33px);
           transform: translateX(-33px); }
-          /* line 181, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 164, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:after {
             content: '\6d'; }
-          /* line 184, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 167, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left.collapsed {
             left: 0;
             -moz-transform: translateX(-17px);
             -ms-transform: translateX(-17px);
             -webkit-transform: translateX(-17px);
             transform: translateX(-17px); }
-          /* line 188, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 171, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:not(.collapsed):before {
             -moz-transition-property: opacity;
             -o-transition-property: opacity;
@@ -4467,16 +4455,16 @@ span.req {
             -o-transition-delay: 200ms;
             -webkit-transition-delay: 200ms;
             transition-delay: 200ms; }
-        /* line 192, ../../../../general/res/sass/user-environ/_layout.scss */
+        /* line 175, ../../../../general/res/sass/user-environ/_layout.scss */
         .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right {
           right: 10px; }
-          /* line 194, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 177, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right:after {
             content: '\e615'; }
-          /* line 197, ../../../../general/res/sass/user-environ/_layout.scss */
+          /* line 180, ../../../../general/res/sass/user-environ/_layout.scss */
           .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right.collapsed {
             right: 5px; } }
-  /* line 206, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 189, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .left.l-inspect, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.pager, .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.pager,
   .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.val,
   .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.val, .pane.items .object-browse-bar .s-menu-btn span.left.l-click-area, .s-menu-btn .pane.items .object-browse-bar span.left.l-click-area,
@@ -4490,30 +4478,30 @@ span.req {
   .s-menu-btn .pane.items .object-browse-bar span.right.l-click-area {
     top: auto; }
 
-/* line 216, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 199, ../../../../general/res/sass/user-environ/_layout.scss */
 .split-layout .holder.holder-treeview-elements {
   top: 10px;
   right: 0;
   bottom: 10px;
   left: 10px; }
-/* line 223, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 206, ../../../../general/res/sass/user-environ/_layout.scss */
 .split-layout .holder.holder-object-and-inspector {
   top: 0;
   right: 0;
   bottom: 0;
   left: 0; }
-  /* line 228, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 211, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout .holder.holder-object-and-inspector .holder-object {
     top: 10px;
     bottom: 10px; }
-  /* line 232, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 215, ../../../../general/res/sass/user-environ/_layout.scss */
   .split-layout .holder.holder-object-and-inspector .holder-inspector-elements {
     top: 10px;
     bottom: 10px;
     left: 10px;
     right: 10px; }
 
-/* line 241, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 224, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-holder {
   overflow: auto;
   position: absolute;
@@ -4524,11 +4512,11 @@ span.req {
   width: auto;
   height: auto;
   top: 34px; }
-  /* line 245, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 228, ../../../../general/res/sass/user-environ/_layout.scss */
   .object-holder.l-controls-visible.l-time-controller-visible {
     bottom: 88px; }
 
-/* line 251, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 234, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar .s-btn, .object-browse-bar .s-menu-btn,
 .top-bar .buttons-main .s-btn,
 .top-bar .buttons-main .s-menu-btn,
@@ -4540,13 +4528,13 @@ span.req {
   line-height: 25px;
   vertical-align: top; }
 
-/* line 264, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 247, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar .view-switcher,
 .top-bar .view-switcher {
   margin-right: 20px; }
 
 /***************************************************** OBJECT BROWSE BAR */
-/* line 270, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 253, ../../../../general/res/sass/user-environ/_layout.scss */
 .object-browse-bar {
   overflow: visible;
   position: absolute;
@@ -4562,20 +4550,20 @@ span.req {
   height: 24px;
   line-height: 24px;
   white-space: nowrap; }
-  /* line 278, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 261, ../../../../general/res/sass/user-environ/_layout.scss */
   .object-browse-bar .left {
     padding-right: 10px; }
-    /* line 280, ../../../../general/res/sass/user-environ/_layout.scss */
+    /* line 263, ../../../../general/res/sass/user-environ/_layout.scss */
     .object-browse-bar .left .l-back {
       margin-right: 10px; }
 
-/* line 292, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 275, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-hidden .tree-holder,
 .pane-tree-hidden .splitter-treeview,
 .pane-tree-hidden .holder-treeview-elements {
   opacity: 0; }
 
-/* line 302, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 285, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-showing .tree-holder,
 .pane-tree-showing .splitter-treeview {
   -moz-transition-property: opacity;
@@ -4595,7 +4583,7 @@ span.req {
   -webkit-transition-delay: 250ms;
   transition-delay: 250ms;
   opacity: 1; }
-/* line 308, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 291, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-tree-showing .holder-treeview-elements {
   -moz-transition-property: opacity;
   -o-transition-property: opacity;
@@ -4614,7 +4602,7 @@ span.req {
   -webkit-transition-delay: 200ms;
   transition-delay: 200ms; }
 
-/* line 315, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 298, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-inspect-showing .l-object-and-inspector .l-inspect,
 .pane-inspect-showing .l-object-and-inspector .splitter-inspect {
   -moz-transition-property: opacity;
@@ -4635,32 +4623,44 @@ span.req {
   transition-delay: 250ms;
   opacity: 1; }
 
-/* line 324, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 307, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-inspect-hidden .l-object-and-inspector .t-inspect {
   z-index: 1 !important; }
-/* line 327, ../../../../general/res/sass/user-environ/_layout.scss */
+/* line 310, ../../../../general/res/sass/user-environ/_layout.scss */
 .pane-inspect-hidden .l-object-and-inspector .l-inspect,
 .pane-inspect-hidden .l-object-and-inspector .splitter-inspect {
   opacity: 0; }
 
 @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-  /* line 335, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 318, ../../../../general/res/sass/user-environ/_layout.scss */
   .holder-all {
     min-width: 600px; }
 
-  /* line 338, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 325, ../../../../general/res/sass/user-environ/_layout.scss */
+  .split-layout .split-pane-component.pane.treeview.left {
+    min-width: 150px;
+    max-width: 35%;
+    width: 25%; }
+  /* line 330, ../../../../general/res/sass/user-environ/_layout.scss */
+  .split-layout .split-pane-component.pane.t-inspect.right {
+    min-width: 200px;
+    max-width: 35%;
+    width: 20%;
+    z-index: 3; }
+
+  /* line 340, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.treeview.left .tree-holder {
     padding-right: 5px; }
 
-  /* line 342, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 344, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane-tree-hidden .pane.right.primary-pane {
     left: 22px !important; }
 
-  /* line 345, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 347, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane-inspect-hidden .l-object-and-inspector .pane.left {
     right: 22px !important; }
 
-  /* line 347, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 349, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane:not(.resizing) {
     -moz-transition-property: width, left, right;
     -o-transition-property: width, left, right;
@@ -4679,7 +4679,7 @@ span.req {
     -webkit-transition-delay: 0;
     transition-delay: 0; }
 
-  /* line 350, ../../../../general/res/sass/user-environ/_layout.scss */
+  /* line 352, ../../../../general/res/sass/user-environ/_layout.scss */
   .pane.primary-pane .object-browse-bar {
     min-width: 200px; } }
 /*****************************************************************************