ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-06-19 23:53:49 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

[Frontend] Min/max widths on panes adjusted

Browse Source 
open #250
Moved new min/max definitions into desktop-only
portion of layout.scss to not affect mobile layout;
This commit is contained in:
Charles Hacskaylo
2015-11-09 15:14:50 -08:00
parent 2b92c1619e
commit a5fa11749c
3 changed files with 125 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
platform/commonUI/general/res/sass/user-environ/_layout.scss
View File

@ -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 { .edit-mode {
.split-layout { .split-layout {
.split-pane-component.pane.right { .split-pane-component.pane.right {
@ -335,6 +318,25 @@
.holder-all { .holder-all {
min-width: $ueDesktopMinW; 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 { .pane.treeview.left .tree-holder {
padding-right: $interiorMargin; padding-right: $interiorMargin;
} }

106
platform/commonUI/themes/espresso/res/css/theme-espresso.css
View File

@ -4458,76 +4458,64 @@ span.req {
.user-environ .ue-bottom-bar .app-logo.logo-openmctweb { .user-environ .ue-bottom-bar .app-logo.logo-openmctweb {
background: url("../../../../general/res/images/logo-openmctweb.svg") no-repeat center center; } background: url("../../../../general/res/images/logo-openmctweb.svg") no-repeat center center; }
/* line 116, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 115, ../../../../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 */
.edit-mode .split-layout .split-pane-component.pane.right { .edit-mode .split-layout .split-pane-component.pane.right {
width: 15%; } 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 { .edit-mode .split-layout .split-pane-component.pane.right .pane.bottom {
min-height: 50px; min-height: 50px;
height: 30%; } height: 30%; }
/* line 142, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 125, ../../../../general/res/sass/user-environ/_layout.scss */
.pane { .pane {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
position: absolute; } position: absolute; }
/* line 146, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 129, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .pane-header { .pane .pane-header {
text-transform: uppercase; text-transform: uppercase;
height: 24px; height: 24px;
line-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 { .pane .primary-pane {
z-index: 2; } 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 { .pane .mini-tab-icon.toggle-pane {
z-index: 5; } 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) { @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 { .pane .mini-tab-icon.toggle-pane {
top: 10px; top: 10px;
height: 24px; height: 24px;
line-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 { .pane .mini-tab-icon.toggle-pane:after {
opacity: 0; } 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 { .pane .mini-tab-icon.toggle-pane.collapsed:before {
opacity: 0; } 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 { .pane .mini-tab-icon.toggle-pane.collapsed:after {
opacity: 1; } 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 { .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left {
left: 0; left: 0;
-moz-transform: translateX(-34px); -moz-transform: translateX(-34px);
-ms-transform: translateX(-34px); -ms-transform: translateX(-34px);
-webkit-transform: translateX(-34px); -webkit-transform: translateX(-34px);
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 { .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:after {
content: '\6d'; } 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 { .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left.collapsed {
left: 0; left: 0;
-moz-transform: translateX(-17px); -moz-transform: translateX(-17px);
-ms-transform: translateX(-17px); -ms-transform: translateX(-17px);
-webkit-transform: translateX(-17px); -webkit-transform: translateX(-17px);
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 { .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:not(.collapsed):before {
-moz-transition-property: opacity; -moz-transition-property: opacity;
-o-transition-property: opacity; -o-transition-property: opacity;
@ -4545,16 +4533,16 @@ span.req {
-o-transition-delay: 200ms; -o-transition-delay: 200ms;
-webkit-transition-delay: 200ms; -webkit-transition-delay: 200ms;
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 { .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right {
right: 10px; } 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 { .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right:after {
content: '\e615'; } 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 { .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right.collapsed {
right: 5px; } } 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 .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, .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, .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 { .s-menu-btn .pane.items .object-browse-bar span.right.l-click-area {
top: auto; } 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 { .split-layout .holder.holder-treeview-elements {
top: 10px; top: 10px;
right: 0; right: 0;
bottom: 10px; bottom: 10px;
left: 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 { .split-layout .holder.holder-object-and-inspector {
top: 0; top: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
left: 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 { .split-layout .holder.holder-object-and-inspector .holder-object {
top: 10px; top: 10px;
bottom: 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 { .split-layout .holder.holder-object-and-inspector .holder-inspector-elements {
top: 10px; top: 10px;
bottom: 10px; bottom: 10px;
left: 10px; left: 10px;
right: 10px; } right: 10px; }
/* line 241, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 224, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder { .object-holder {
overflow: auto; overflow: auto;
position: absolute; position: absolute;
@ -4602,11 +4590,11 @@ span.req {
width: auto; width: auto;
height: auto; height: auto;
top: 34px; } 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 { .object-holder.l-controls-visible.l-time-controller-visible {
bottom: 88px; } 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, .object-browse-bar .s-btn, .object-browse-bar .s-menu-btn,
.top-bar .buttons-main .s-btn, .top-bar .buttons-main .s-btn,
.top-bar .buttons-main .s-menu-btn, .top-bar .buttons-main .s-menu-btn,
@ -4618,13 +4606,13 @@ span.req {
line-height: 25px; line-height: 25px;
vertical-align: top; } 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, .object-browse-bar .view-switcher,
.top-bar .view-switcher { .top-bar .view-switcher {
margin-right: 20px; } margin-right: 20px; }
/***************************************************** OBJECT BROWSE BAR */ /***************************************************** OBJECT BROWSE BAR */
/* line 270, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 253, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar { .object-browse-bar {
overflow: visible; overflow: visible;
position: absolute; position: absolute;
@ -4640,20 +4628,20 @@ span.req {
height: 24px; height: 24px;
line-height: 24px; line-height: 24px;
white-space: nowrap; } 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 { .object-browse-bar .left {
padding-right: 10px; } 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 { .object-browse-bar .left .l-back {
margin-right: 10px; } 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 .tree-holder,
.pane-tree-hidden .splitter-treeview, .pane-tree-hidden .splitter-treeview,
.pane-tree-hidden .holder-treeview-elements { .pane-tree-hidden .holder-treeview-elements {
opacity: 0; } 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 .tree-holder,
.pane-tree-showing .splitter-treeview { .pane-tree-showing .splitter-treeview {
-moz-transition-property: opacity; -moz-transition-property: opacity;
@ -4673,7 +4661,7 @@ span.req {
-webkit-transition-delay: 250ms; -webkit-transition-delay: 250ms;
transition-delay: 250ms; transition-delay: 250ms;
opacity: 1; } 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 { .pane-tree-showing .holder-treeview-elements {
-moz-transition-property: opacity; -moz-transition-property: opacity;
-o-transition-property: opacity; -o-transition-property: opacity;
@ -4692,7 +4680,7 @@ span.req {
-webkit-transition-delay: 200ms; -webkit-transition-delay: 200ms;
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 .l-inspect,
.pane-inspect-showing .l-object-and-inspector .splitter-inspect { .pane-inspect-showing .l-object-and-inspector .splitter-inspect {
-moz-transition-property: opacity; -moz-transition-property: opacity;
@ -4713,32 +4701,44 @@ span.req {
transition-delay: 250ms; transition-delay: 250ms;
opacity: 1; } 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 { .pane-inspect-hidden .l-object-and-inspector .t-inspect {
z-index: 1 !important; } 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 .l-inspect,
.pane-inspect-hidden .l-object-and-inspector .splitter-inspect { .pane-inspect-hidden .l-object-and-inspector .splitter-inspect {
opacity: 0; } 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) { @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 { .holder-all {
min-width: 600px; } 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 { .pane.treeview.left .tree-holder {
padding-right: 5px; } 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 { .pane-tree-hidden .pane.right.primary-pane {
left: 22px !important; } 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 { .pane-inspect-hidden .l-object-and-inspector .pane.left {
right: 22px !important; } right: 22px !important; }
/* line 347, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 349, ../../../../general/res/sass/user-environ/_layout.scss */
.pane:not(.resizing) { .pane:not(.resizing) {
-moz-transition-property: width, left, right; -moz-transition-property: width, left, right;
-o-transition-property: width, left, right; -o-transition-property: width, left, right;
@ -4757,7 +4757,7 @@ span.req {
-webkit-transition-delay: 0; -webkit-transition-delay: 0;
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 { .pane.primary-pane .object-browse-bar {
min-width: 200px; } } min-width: 200px; } }
/***************************************************************************** /*****************************************************************************

106
platform/commonUI/themes/snow/res/css/theme-snow.css
View File

@ -4380,76 +4380,64 @@ span.req {
.user-environ .ue-bottom-bar .app-logo.logo-openmctweb { .user-environ .ue-bottom-bar .app-logo.logo-openmctweb {
background: url("../../../../general/res/images/logo-openmctweb.svg") no-repeat center center; } background: url("../../../../general/res/images/logo-openmctweb.svg") no-repeat center center; }
/* line 116, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 115, ../../../../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 */
.edit-mode .split-layout .split-pane-component.pane.right { .edit-mode .split-layout .split-pane-component.pane.right {
width: 15%; } 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 { .edit-mode .split-layout .split-pane-component.pane.right .pane.bottom {
min-height: 50px; min-height: 50px;
height: 30%; } height: 30%; }
/* line 142, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 125, ../../../../general/res/sass/user-environ/_layout.scss */
.pane { .pane {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
position: absolute; } position: absolute; }
/* line 146, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 129, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .pane-header { .pane .pane-header {
text-transform: uppercase; text-transform: uppercase;
height: 24px; height: 24px;
line-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 { .pane .primary-pane {
z-index: 2; } 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 { .pane .mini-tab-icon.toggle-pane {
z-index: 5; } 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) { @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 { .pane .mini-tab-icon.toggle-pane {
top: 10px; top: 10px;
height: 24px; height: 24px;
line-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 { .pane .mini-tab-icon.toggle-pane:after {
opacity: 0; } 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 { .pane .mini-tab-icon.toggle-pane.collapsed:before {
opacity: 0; } 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 { .pane .mini-tab-icon.toggle-pane.collapsed:after {
opacity: 1; } 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 { .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left {
left: 0; left: 0;
-moz-transform: translateX(-33px); -moz-transform: translateX(-33px);
-ms-transform: translateX(-33px); -ms-transform: translateX(-33px);
-webkit-transform: translateX(-33px); -webkit-transform: translateX(-33px);
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 { .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:after {
content: '\6d'; } 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 { .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left.collapsed {
left: 0; left: 0;
-moz-transform: translateX(-17px); -moz-transform: translateX(-17px);
-ms-transform: translateX(-17px); -ms-transform: translateX(-17px);
-webkit-transform: translateX(-17px); -webkit-transform: translateX(-17px);
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 { .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:not(.collapsed):before {
-moz-transition-property: opacity; -moz-transition-property: opacity;
-o-transition-property: opacity; -o-transition-property: opacity;
@ -4467,16 +4455,16 @@ span.req {
-o-transition-delay: 200ms; -o-transition-delay: 200ms;
-webkit-transition-delay: 200ms; -webkit-transition-delay: 200ms;
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 { .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right {
right: 10px; } 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 { .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right:after {
content: '\e615'; } 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 { .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right.collapsed {
right: 5px; } } 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 .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, .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, .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 { .s-menu-btn .pane.items .object-browse-bar span.right.l-click-area {
top: auto; } 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 { .split-layout .holder.holder-treeview-elements {
top: 10px; top: 10px;
right: 0; right: 0;
bottom: 10px; bottom: 10px;
left: 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 { .split-layout .holder.holder-object-and-inspector {
top: 0; top: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
left: 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 { .split-layout .holder.holder-object-and-inspector .holder-object {
top: 10px; top: 10px;
bottom: 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 { .split-layout .holder.holder-object-and-inspector .holder-inspector-elements {
top: 10px; top: 10px;
bottom: 10px; bottom: 10px;
left: 10px; left: 10px;
right: 10px; } right: 10px; }
/* line 241, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 224, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder { .object-holder {
overflow: auto; overflow: auto;
position: absolute; position: absolute;
@ -4524,11 +4512,11 @@ span.req {
width: auto; width: auto;
height: auto; height: auto;
top: 34px; } 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 { .object-holder.l-controls-visible.l-time-controller-visible {
bottom: 88px; } 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, .object-browse-bar .s-btn, .object-browse-bar .s-menu-btn,
.top-bar .buttons-main .s-btn, .top-bar .buttons-main .s-btn,
.top-bar .buttons-main .s-menu-btn, .top-bar .buttons-main .s-menu-btn,
@ -4540,13 +4528,13 @@ span.req {
line-height: 25px; line-height: 25px;
vertical-align: top; } 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, .object-browse-bar .view-switcher,
.top-bar .view-switcher { .top-bar .view-switcher {
margin-right: 20px; } margin-right: 20px; }
/***************************************************** OBJECT BROWSE BAR */ /***************************************************** OBJECT BROWSE BAR */
/* line 270, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 253, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar { .object-browse-bar {
overflow: visible; overflow: visible;
position: absolute; position: absolute;
@ -4562,20 +4550,20 @@ span.req {
height: 24px; height: 24px;
line-height: 24px; line-height: 24px;
white-space: nowrap; } 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 { .object-browse-bar .left {
padding-right: 10px; } 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 { .object-browse-bar .left .l-back {
margin-right: 10px; } 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 .tree-holder,
.pane-tree-hidden .splitter-treeview, .pane-tree-hidden .splitter-treeview,
.pane-tree-hidden .holder-treeview-elements { .pane-tree-hidden .holder-treeview-elements {
opacity: 0; } 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 .tree-holder,
.pane-tree-showing .splitter-treeview { .pane-tree-showing .splitter-treeview {
-moz-transition-property: opacity; -moz-transition-property: opacity;
@ -4595,7 +4583,7 @@ span.req {
-webkit-transition-delay: 250ms; -webkit-transition-delay: 250ms;
transition-delay: 250ms; transition-delay: 250ms;
opacity: 1; } 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 { .pane-tree-showing .holder-treeview-elements {
-moz-transition-property: opacity; -moz-transition-property: opacity;
-o-transition-property: opacity; -o-transition-property: opacity;
@ -4614,7 +4602,7 @@ span.req {
-webkit-transition-delay: 200ms; -webkit-transition-delay: 200ms;
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 .l-inspect,
.pane-inspect-showing .l-object-and-inspector .splitter-inspect { .pane-inspect-showing .l-object-and-inspector .splitter-inspect {
-moz-transition-property: opacity; -moz-transition-property: opacity;
@ -4635,32 +4623,44 @@ span.req {
transition-delay: 250ms; transition-delay: 250ms;
opacity: 1; } 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 { .pane-inspect-hidden .l-object-and-inspector .t-inspect {
z-index: 1 !important; } 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 .l-inspect,
.pane-inspect-hidden .l-object-and-inspector .splitter-inspect { .pane-inspect-hidden .l-object-and-inspector .splitter-inspect {
opacity: 0; } 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) { @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 { .holder-all {
min-width: 600px; } 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 { .pane.treeview.left .tree-holder {
padding-right: 5px; } 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 { .pane-tree-hidden .pane.right.primary-pane {
left: 22px !important; } 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 { .pane-inspect-hidden .l-object-and-inspector .pane.left {
right: 22px !important; } right: 22px !important; }
/* line 347, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 349, ../../../../general/res/sass/user-environ/_layout.scss */
.pane:not(.resizing) { .pane:not(.resizing) {
-moz-transition-property: width, left, right; -moz-transition-property: width, left, right;
-o-transition-property: width, left, right; -o-transition-property: width, left, right;
@ -4679,7 +4679,7 @@ span.req {
-webkit-transition-delay: 0; -webkit-transition-delay: 0;
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 { .pane.primary-pane .object-browse-bar {
min-width: 200px; } } min-width: 200px; } }
/***************************************************************************** /*****************************************************************************