ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-06-14 21:28:12 +00:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

[Frontend] Fixed spacing of panes and mini-tabs

Browse Source 
open #90
Splitter spacing now being handled in CSS, so
modded calcs in MCTSplitPane to not add space;
CSS calcs adjusted; comments removed;
This commit is contained in:
Charles Hacskaylo
2015-10-24 18:43:13 -07:00
parent 99c977ce9d
commit 8ee4fc9b71
6 changed files with 182 additions and 141 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
platform/commonUI/general/res/sass/helpers/_splitter.scss
View File

@ -25,6 +25,8 @@
// New look is a simple line. // New look is a simple line.
// Main width is used to provide a good click area, and is always transparent // Main width is used to provide a good click area, and is always transparent
// :after will be a positioned and colored element that is the handle // :after will be a positioned and colored element that is the handle
//@include test(red);
display: block; display: block;
position: absolute; position: absolute;
z-index: 1; z-index: 1;
@ -40,9 +42,14 @@
@include border-radius($splitterEndCr); @include border-radius($splitterEndCr);
} }
} }
&:not(:active) {
&:after {
@include trans-prop-nice(background-color, 250ms);
}
}
&:active { &:active {
&:after { &:after {
background: $colorSplitterActive; background-color: $colorSplitterActive;
} }
} }

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

@ -206,6 +206,7 @@
.browse-mode { .browse-mode {
.split-layout { .split-layout {
.split-pane-component.pane { .split-pane-component.pane {
//@include test(green);
&.treeview.left { &.treeview.left {
min-width: 150px; min-width: 150px;
max-width: 800px; max-width: 800px;
@ -269,15 +270,15 @@
} }
.mini-tab.toggle-pane { .mini-tab.toggle-pane {
//@include test(blue, 0.6); //@include test(blue, 0.3);
$paneOffset: -2 * $splitterD; $paneExpandedOffset: $splitterD + $uePaneMiniTabW - $splitterHandleInset;
$paneCollapsedOffset: $bodyMargin + $ueCollapsedPaneEdgeM; $paneCollapsedOffset: $bodyMargin + $ueCollapsedPaneEdgeM;
z-index: 5; z-index: 5;
@include desktop { @include desktop {
&.toggle-tree.anchor-left { &.toggle-tree.anchor-left {
//@include test(green); //@include test(green);
left: 0; //$ox; left: 0; //$ox;
@include transform(translateX($paneOffset)); @include transform(translateX(-1 * $paneExpandedOffset));
&:after { content: 'F'; } &:after { content: 'F'; }
&.collapsed { &.collapsed {
@include transform(translateX(-1 * $paneCollapsedOffset)); @include transform(translateX(-1 * $paneCollapsedOffset));
@ -286,7 +287,7 @@
&.toggle-inspect.anchor-right { &.toggle-inspect.anchor-right {
$oCx: -1 * $paneCollapsedOffset; $oCx: -1 * $paneCollapsedOffset;
right: 0; //$ox; right: 0; //$ox;
@include transform(translateX(-1 * $paneOffset)); @include transform(translateX($paneExpandedOffset));
&:after { content: '\e608'; } &:after { content: '\e608'; }
&.collapsed { &.collapsed {
@include transform(translateX($paneCollapsedOffset)); @include transform(translateX($paneCollapsedOffset));

4
platform/commonUI/general/src/directives/MCTSplitPane.js
View File

@ -132,10 +132,10 @@ define(
// Get actual size (to obey min-width etc.) // Get actual size (to obey min-width etc.)
firstSize = getSize(first[0]); firstSize = getSize(first[0]);
first.css(anchor.dimension, firstSize + 'px'); first.css(anchor.dimension, firstSize + 'px');
splitter.css(anchor.edge, (firstSize + splitterSize) + 'px'); splitter.css(anchor.edge, firstSize + 'px');
splitter.css(anchor.opposite, "auto"); splitter.css(anchor.opposite, "auto");
last.css(anchor.edge, (firstSize + splitterSize * 2) + 'px'); last.css(anchor.edge, (firstSize + splitterSize) + 'px');
last.css(anchor.opposite, "0px"); last.css(anchor.opposite, "0px");
position = firstSize + splitterSize; position = firstSize + splitterSize;

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

@ -905,7 +905,7 @@ mct-container {
display: block; display: block;
position: absolute; position: absolute;
z-index: 1; } z-index: 1; }
/* line 31, ../../../../general/res/sass/helpers/_splitter.scss */ /* line 33, ../../../../general/res/sass/helpers/_splitter.scss */
.splitter:after { .splitter:after {
content: ""; content: "";
pointer-events: none; pointer-events: none;
@ -919,62 +919,77 @@ mct-container {
height: auto; height: auto;
background: #4d4d4d; background: #4d4d4d;
display: block; } display: block; }
/* line 44, ../../../../general/res/sass/helpers/_splitter.scss */ /* line 46, ../../../../general/res/sass/helpers/_splitter.scss */
.splitter:not(:active):after {
-moz-transition-property: background-color;
-o-transition-property: background-color;
-webkit-transition-property: background-color;
transition-property: background-color;
-moz-transition-duration: 250ms;
-o-transition-duration: 250ms;
-webkit-transition-duration: 250ms;
transition-duration: 250ms;
-moz-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
-moz-transition-delay: 0;
-o-transition-delay: 0;
-webkit-transition-delay: 0;
transition-delay: 0; }
/* line 51, ../../../../general/res/sass/helpers/_splitter.scss */
.splitter:active:after { .splitter:active:after {
background: #0099cc; } background-color: #0099cc; }
/* line 50, ../../../../general/res/sass/helpers/_splitter.scss */
.splitter:hover {
background: rgba(255, 0, 0, 0.2); }
/* line 57, ../../../../general/res/sass/helpers/_splitter.scss */ /* line 64, ../../../../general/res/sass/helpers/_splitter.scss */
.split-layout.horizontal { .split-layout.horizontal {
overflow: hidden; } overflow: hidden; }
/* line 60, ../../../../general/res/sass/helpers/_splitter.scss */ /* line 67, ../../../../general/res/sass/helpers/_splitter.scss */
.split-layout.horizontal .pane { .split-layout.horizontal .pane {
left: 0; left: 0;
right: 0; } right: 0; }
/* line 63, ../../../../general/res/sass/helpers/_splitter.scss */ /* line 70, ../../../../general/res/sass/helpers/_splitter.scss */
.split-layout.horizontal .pane.top { .split-layout.horizontal .pane.top {
bottom: auto; } bottom: auto; }
/* line 66, ../../../../general/res/sass/helpers/_splitter.scss */ /* line 73, ../../../../general/res/sass/helpers/_splitter.scss */
.split-layout.horizontal .pane.bottom { .split-layout.horizontal .pane.bottom {
top: auto; } top: auto; }
/* line 70, ../../../../general/res/sass/helpers/_splitter.scss */ /* line 77, ../../../../general/res/sass/helpers/_splitter.scss */
.split-layout.horizontal > .splitter { .split-layout.horizontal > .splitter {
cursor: row-resize; cursor: row-resize;
left: 0; left: 0;
right: 0; right: 0;
height: 19px; } height: 19px; }
/* line 75, ../../../../general/res/sass/helpers/_splitter.scss */ /* line 82, ../../../../general/res/sass/helpers/_splitter.scss */
.split-layout.horizontal > .splitter:after { .split-layout.horizontal > .splitter:after {
top: 8px; top: 8px;
bottom: 8px; } bottom: 8px; }
/* line 83, ../../../../general/res/sass/helpers/_splitter.scss */ /* line 90, ../../../../general/res/sass/helpers/_splitter.scss */
.split-layout.vertical .pane { .split-layout.vertical .pane {
top: 0; top: 0;
bottom: 0; } bottom: 0; }
/* line 86, ../../../../general/res/sass/helpers/_splitter.scss */ /* line 93, ../../../../general/res/sass/helpers/_splitter.scss */
.split-layout.vertical .pane.left { .split-layout.vertical .pane.left {
right: auto; } right: auto; }
/* line 89, ../../../../general/res/sass/helpers/_splitter.scss */ /* line 96, ../../../../general/res/sass/helpers/_splitter.scss */
.split-layout.vertical .pane.right { .split-layout.vertical .pane.right {
left: auto; } left: auto; }
/* line 93, ../../../../general/res/sass/helpers/_splitter.scss */ /* line 100, ../../../../general/res/sass/helpers/_splitter.scss */
.split-layout.vertical > .splitter { .split-layout.vertical > .splitter {
cursor: col-resize; cursor: col-resize;
top: 0; top: 0;
bottom: 0; bottom: 0;
width: 19px; } width: 19px; }
/* line 98, ../../../../general/res/sass/helpers/_splitter.scss */ /* line 105, ../../../../general/res/sass/helpers/_splitter.scss */
.split-layout.vertical > .splitter:after { .split-layout.vertical > .splitter:after {
left: 8px; left: 8px;
right: 8px; } right: 8px; }
/* line 105, ../../../../general/res/sass/helpers/_splitter.scss */ /* line 112, ../../../../general/res/sass/helpers/_splitter.scss */
.browse-area .splitter { .browse-area .splitter {
top: 0; } top: 0; }
/* line 109, ../../../../general/res/sass/helpers/_splitter.scss */ /* line 116, ../../../../general/res/sass/helpers/_splitter.scss */
.edit-area .splitter { .edit-area .splitter {
top: 0; } top: 0; }
@ -3839,94 +3854,94 @@ span.req {
*zoom: 1; *zoom: 1;
padding: 5px 0; } padding: 5px 0; }
/* line 209, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 210, ../../../../general/res/sass/user-environ/_layout.scss */
.browse-mode .split-layout .split-pane-component.pane.treeview.left { .browse-mode .split-layout .split-pane-component.pane.treeview.left {
min-width: 150px; min-width: 150px;
max-width: 800px; max-width: 800px;
width: 25%; } width: 25%; }
/* line 214, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 215, ../../../../general/res/sass/user-environ/_layout.scss */
.browse-mode .split-layout .split-pane-component.pane.t-inspect.right { .browse-mode .split-layout .split-pane-component.pane.t-inspect.right {
min-width: 200px; min-width: 200px;
max-width: 600px; max-width: 600px;
padding-left: 10px; padding-left: 10px;
width: 20%; } width: 20%; }
/* line 226, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 227, ../../../../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 228, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 229, ../../../../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 236, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 237, ../../../../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 240, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 241, ../../../../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;
margin-bottom: 5px; } margin-bottom: 5px; }
/* line 247, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 248, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .primary-pane { .pane .primary-pane {
z-index: 2; } z-index: 2; }
/* line 253, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 254, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .create-btn-holder { .pane.treeview.left .create-btn-holder {
bottom: auto; bottom: auto;
top: 0; top: 0;
height: 24px; } height: 24px; }
/* line 257, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 258, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .create-btn-holder .wrapper.menu-element { .pane.treeview.left .create-btn-holder .wrapper.menu-element {
position: absolute; position: absolute;
bottom: 5px; } bottom: 5px; }
/* line 262, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 263, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .search-holder { .pane.treeview.left .search-holder {
top: 34px; } top: 34px; }
/* line 265, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 266, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .tree-holder { .pane.treeview.left .tree-holder {
overflow: auto; overflow: auto;
top: 64px; } top: 64px; }
/* line 271, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 272, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane { .pane .mini-tab.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 277, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 278, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-tree.anchor-left { .pane .mini-tab.toggle-pane.toggle-tree.anchor-left {
left: 0; left: 0;
-moz-transform: translateX(-38px); -moz-transform: translateX(-26px);
-ms-transform: translateX(-38px); -ms-transform: translateX(-26px);
-webkit-transform: translateX(-38px); -webkit-transform: translateX(-26px);
transform: translateX(-38px); } transform: translateX(-26px); }
/* line 281, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 282, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-tree.anchor-left:after { .pane .mini-tab.toggle-pane.toggle-tree.anchor-left:after {
content: 'F'; } content: 'F'; }
/* line 282, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 283, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-tree.anchor-left.collapsed { .pane .mini-tab.toggle-pane.toggle-tree.anchor-left.collapsed {
-moz-transform: translateX(-20px); -moz-transform: translateX(-20px);
-ms-transform: translateX(-20px); -ms-transform: translateX(-20px);
-webkit-transform: translateX(-20px); -webkit-transform: translateX(-20px);
transform: translateX(-20px); } transform: translateX(-20px); }
/* line 286, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 287, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-inspect.anchor-right { .pane .mini-tab.toggle-pane.toggle-inspect.anchor-right {
right: 0; right: 0;
-moz-transform: translateX(38px); -moz-transform: translateX(26px);
-ms-transform: translateX(38px); -ms-transform: translateX(26px);
-webkit-transform: translateX(38px); -webkit-transform: translateX(26px);
transform: translateX(38px); } transform: translateX(26px); }
/* line 290, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 291, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-inspect.anchor-right:after { .pane .mini-tab.toggle-pane.toggle-inspect.anchor-right:after {
content: '\e608'; } content: '\e608'; }
/* line 291, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 292, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-inspect.anchor-right.collapsed { .pane .mini-tab.toggle-pane.toggle-inspect.anchor-right.collapsed {
-moz-transform: translateX(20px); -moz-transform: translateX(20px);
-ms-transform: translateX(20px); -ms-transform: translateX(20px);
-webkit-transform: translateX(20px); -webkit-transform: translateX(20px);
transform: translateX(20px); } } transform: translateX(20px); } }
/* line 300, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 301, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.items .object-browse-bar .left.abs, .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 .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,
@ -3939,28 +3954,28 @@ 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 311, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 312, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.horizontal > .pane { .split-layout.horizontal > .pane {
margin-top: 5px; } margin-top: 5px; }
/* line 314, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 315, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.horizontal > .pane:first-child { .split-layout.horizontal > .pane:first-child {
margin-top: 0; } margin-top: 0; }
/* line 323, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 324, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.vertical > .pane > .holder { .split-layout.vertical > .pane > .holder {
left: 0; left: 0;
right: 0; } right: 0; }
/* line 327, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 328, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.vertical > .pane:first-child { .split-layout.vertical > .pane:first-child {
margin-left: 0; } margin-left: 0; }
/* line 329, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 330, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.vertical > .pane:first-child .holder { .split-layout.vertical > .pane:first-child .holder {
right: 3px; } right: 3px; }
/* line 337, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 338, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder { .object-holder {
overflow: hidden; overflow: hidden;
top: 34px; } top: 34px; }
/* line 340, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 341, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder > ng-include { .object-holder > ng-include {
overflow: auto; overflow: auto;
position: absolute; position: absolute;
@ -3970,11 +3985,11 @@ span.req {
left: 0; left: 0;
width: auto; width: auto;
height: auto; } height: auto; }
/* line 344, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 345, ../../../../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 350, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 351, ../../../../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,
@ -3986,12 +4001,12 @@ span.req {
line-height: 25px; line-height: 25px;
vertical-align: top; } vertical-align: top; }
/* line 363, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 364, ../../../../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; }
/* line 368, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 369, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar { .object-browse-bar {
overflow: visible; overflow: visible;
position: absolute; position: absolute;
@ -4007,33 +4022,33 @@ span.req {
height: 24px; height: 24px;
line-height: 24px; line-height: 24px;
white-space: nowrap; } white-space: nowrap; }
/* line 376, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 377, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .left { .object-browse-bar .left {
padding-right: 20px; } padding-right: 20px; }
/* line 378, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 379, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .left .l-back { .object-browse-bar .left .l-back {
display: inline-block; display: inline-block;
float: left; float: left;
margin-right: 10px; } margin-right: 10px; }
/* line 386, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 387, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex { .l-flex {
display: flex; display: flex;
display: -webkit-flex; display: -webkit-flex;
flex-flow: row nowrap; flex-flow: row nowrap;
-webkit-flex-flow: row nowrap; } -webkit-flex-flow: row nowrap; }
/* line 389, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 390, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex .left { .l-flex .left {
flex: 1 1 0; flex: 1 1 0;
-webkit-flex: 1 1 0; -webkit-flex: 1 1 0;
padding-right: 10px; } padding-right: 10px; }
/* line 401, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 402, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .pane.left.treeview, .pane-tree-hidden .pane.left.treeview,
.pane-tree-hidden .splitter-treeview { .pane-tree-hidden .splitter-treeview {
opacity: 0; } opacity: 0; }
/* line 410, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 411, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-showing .pane.left.treeview, .pane-tree-showing .pane.left.treeview,
.pane-tree-showing .splitter-treeview { .pane-tree-showing .splitter-treeview {
-moz-transition-property: opacity; -moz-transition-property: opacity;
@ -4054,7 +4069,7 @@ span.req {
transition-delay: 250ms; transition-delay: 250ms;
opacity: 1; } opacity: 1; }
/* line 419, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 420, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-showing .l-object-and-inspector .pane.right, .pane-inspect-showing .l-object-and-inspector .pane.right,
.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;
@ -4075,21 +4090,21 @@ span.req {
transition-delay: 250ms; transition-delay: 250ms;
opacity: 1; } opacity: 1; }
/* line 428, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 429, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-hidden .l-object-and-inspector .pane.right, .pane-inspect-hidden .l-object-and-inspector .pane.right,
.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 437, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 438, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .pane.right.primary-pane { .pane-tree-hidden .pane.right.primary-pane {
left: 10px !important; } left: 10px !important; }
/* line 440, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 441, ../../../../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: 10px !important; } right: 10px !important; }
/* line 443, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 444, ../../../../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;

2
platform/commonUI/themes/espresso/res/sass/_constants.scss
View File

@ -160,7 +160,7 @@ $splitterHandleInset: ($splitterD - $splitterHandleD) * 0.5; // Space to either
$colorSplitterBg: pullForward($colorBodyBg, 10%); $colorSplitterBg: pullForward($colorBodyBg, 10%);
$splitterShdw: rgba(black, 0.4) 0 0 3px; $splitterShdw: rgba(black, 0.4) 0 0 3px;
$splitterEndCr: none; $splitterEndCr: none;
$colorSplitterHover: rgba(red, 0.2); $colorSplitterHover: none; //rgba(red, 0.2);
$colorSplitterActive: $colorKey; $colorSplitterActive: $colorKey;
// Mobile // Mobile

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

@ -905,7 +905,7 @@ mct-container {
display: block; display: block;
position: absolute; position: absolute;
z-index: 1; } z-index: 1; }
/* line 31, ../../../../general/res/sass/helpers/_splitter.scss */ /* line 33, ../../../../general/res/sass/helpers/_splitter.scss */
.splitter:after { .splitter:after {
content: ""; content: "";
pointer-events: none; pointer-events: none;
@ -919,59 +919,77 @@ mct-container {
height: auto; height: auto;
background: #e3e3e3; background: #e3e3e3;
display: block; } display: block; }
/* line 44, ../../../../general/res/sass/helpers/_splitter.scss */ /* line 46, ../../../../general/res/sass/helpers/_splitter.scss */
.splitter:not(:active):after {
-moz-transition-property: background-color;
-o-transition-property: background-color;
-webkit-transition-property: background-color;
transition-property: background-color;
-moz-transition-duration: 250ms;
-o-transition-duration: 250ms;
-webkit-transition-duration: 250ms;
transition-duration: 250ms;
-moz-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
-moz-transition-delay: 0;
-o-transition-delay: 0;
-webkit-transition-delay: 0;
transition-delay: 0; }
/* line 51, ../../../../general/res/sass/helpers/_splitter.scss */
.splitter:active:after { .splitter:active:after {
background: #0099cc; } background-color: #0099cc; }
/* line 57, ../../../../general/res/sass/helpers/_splitter.scss */ /* line 64, ../../../../general/res/sass/helpers/_splitter.scss */
.split-layout.horizontal { .split-layout.horizontal {
overflow: hidden; } overflow: hidden; }
/* line 60, ../../../../general/res/sass/helpers/_splitter.scss */ /* line 67, ../../../../general/res/sass/helpers/_splitter.scss */
.split-layout.horizontal .pane { .split-layout.horizontal .pane {
left: 0; left: 0;
right: 0; } right: 0; }
/* line 63, ../../../../general/res/sass/helpers/_splitter.scss */ /* line 70, ../../../../general/res/sass/helpers/_splitter.scss */
.split-layout.horizontal .pane.top { .split-layout.horizontal .pane.top {
bottom: auto; } bottom: auto; }
/* line 66, ../../../../general/res/sass/helpers/_splitter.scss */ /* line 73, ../../../../general/res/sass/helpers/_splitter.scss */
.split-layout.horizontal .pane.bottom { .split-layout.horizontal .pane.bottom {
top: auto; } top: auto; }
/* line 70, ../../../../general/res/sass/helpers/_splitter.scss */ /* line 77, ../../../../general/res/sass/helpers/_splitter.scss */
.split-layout.horizontal > .splitter { .split-layout.horizontal > .splitter {
cursor: row-resize; cursor: row-resize;
left: 0; left: 0;
right: 0; right: 0;
height: 15px; } height: 15px; }
/* line 75, ../../../../general/res/sass/helpers/_splitter.scss */ /* line 82, ../../../../general/res/sass/helpers/_splitter.scss */
.split-layout.horizontal > .splitter:after { .split-layout.horizontal > .splitter:after {
top: 6px; top: 6px;
bottom: 6px; } bottom: 6px; }
/* line 83, ../../../../general/res/sass/helpers/_splitter.scss */ /* line 90, ../../../../general/res/sass/helpers/_splitter.scss */
.split-layout.vertical .pane { .split-layout.vertical .pane {
top: 0; top: 0;
bottom: 0; } bottom: 0; }
/* line 86, ../../../../general/res/sass/helpers/_splitter.scss */ /* line 93, ../../../../general/res/sass/helpers/_splitter.scss */
.split-layout.vertical .pane.left { .split-layout.vertical .pane.left {
right: auto; } right: auto; }
/* line 89, ../../../../general/res/sass/helpers/_splitter.scss */ /* line 96, ../../../../general/res/sass/helpers/_splitter.scss */
.split-layout.vertical .pane.right { .split-layout.vertical .pane.right {
left: auto; } left: auto; }
/* line 93, ../../../../general/res/sass/helpers/_splitter.scss */ /* line 100, ../../../../general/res/sass/helpers/_splitter.scss */
.split-layout.vertical > .splitter { .split-layout.vertical > .splitter {
cursor: col-resize; cursor: col-resize;
top: 0; top: 0;
bottom: 0; bottom: 0;
width: 15px; } width: 15px; }
/* line 98, ../../../../general/res/sass/helpers/_splitter.scss */ /* line 105, ../../../../general/res/sass/helpers/_splitter.scss */
.split-layout.vertical > .splitter:after { .split-layout.vertical > .splitter:after {
left: 6px; left: 6px;
right: 6px; } right: 6px; }
/* line 105, ../../../../general/res/sass/helpers/_splitter.scss */ /* line 112, ../../../../general/res/sass/helpers/_splitter.scss */
.browse-area .splitter { .browse-area .splitter {
top: 0; } top: 0; }
/* line 109, ../../../../general/res/sass/helpers/_splitter.scss */ /* line 116, ../../../../general/res/sass/helpers/_splitter.scss */
.edit-area .splitter { .edit-area .splitter {
top: 0; } top: 0; }
@ -3777,94 +3795,94 @@ span.req {
*zoom: 1; *zoom: 1;
padding: 5px 0; } padding: 5px 0; }
/* line 209, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 210, ../../../../general/res/sass/user-environ/_layout.scss */
.browse-mode .split-layout .split-pane-component.pane.treeview.left { .browse-mode .split-layout .split-pane-component.pane.treeview.left {
min-width: 150px; min-width: 150px;
max-width: 800px; max-width: 800px;
width: 25%; } width: 25%; }
/* line 214, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 215, ../../../../general/res/sass/user-environ/_layout.scss */
.browse-mode .split-layout .split-pane-component.pane.t-inspect.right { .browse-mode .split-layout .split-pane-component.pane.t-inspect.right {
min-width: 200px; min-width: 200px;
max-width: 600px; max-width: 600px;
padding-left: 10px; padding-left: 10px;
width: 20%; } width: 20%; }
/* line 226, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 227, ../../../../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 228, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 229, ../../../../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 236, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 237, ../../../../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 240, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 241, ../../../../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;
margin-bottom: 5px; } margin-bottom: 5px; }
/* line 247, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 248, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .primary-pane { .pane .primary-pane {
z-index: 2; } z-index: 2; }
/* line 253, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 254, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .create-btn-holder { .pane.treeview.left .create-btn-holder {
bottom: auto; bottom: auto;
top: 0; top: 0;
height: 24px; } height: 24px; }
/* line 257, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 258, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .create-btn-holder .wrapper.menu-element { .pane.treeview.left .create-btn-holder .wrapper.menu-element {
position: absolute; position: absolute;
bottom: 5px; } bottom: 5px; }
/* line 262, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 263, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .search-holder { .pane.treeview.left .search-holder {
top: 34px; } top: 34px; }
/* line 265, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 266, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .tree-holder { .pane.treeview.left .tree-holder {
overflow: auto; overflow: auto;
top: 64px; } top: 64px; }
/* line 271, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 272, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane { .pane .mini-tab.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 277, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 278, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-tree.anchor-left { .pane .mini-tab.toggle-pane.toggle-tree.anchor-left {
left: 0; left: 0;
-moz-transform: translateX(-30px); -moz-transform: translateX(-24px);
-ms-transform: translateX(-30px); -ms-transform: translateX(-24px);
-webkit-transform: translateX(-30px); -webkit-transform: translateX(-24px);
transform: translateX(-30px); } transform: translateX(-24px); }
/* line 281, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 282, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-tree.anchor-left:after { .pane .mini-tab.toggle-pane.toggle-tree.anchor-left:after {
content: 'F'; } content: 'F'; }
/* line 282, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 283, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-tree.anchor-left.collapsed { .pane .mini-tab.toggle-pane.toggle-tree.anchor-left.collapsed {
-moz-transform: translateX(-20px); -moz-transform: translateX(-20px);
-ms-transform: translateX(-20px); -ms-transform: translateX(-20px);
-webkit-transform: translateX(-20px); -webkit-transform: translateX(-20px);
transform: translateX(-20px); } transform: translateX(-20px); }
/* line 286, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 287, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-inspect.anchor-right { .pane .mini-tab.toggle-pane.toggle-inspect.anchor-right {
right: 0; right: 0;
-moz-transform: translateX(30px); -moz-transform: translateX(24px);
-ms-transform: translateX(30px); -ms-transform: translateX(24px);
-webkit-transform: translateX(30px); -webkit-transform: translateX(24px);
transform: translateX(30px); } transform: translateX(24px); }
/* line 290, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 291, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-inspect.anchor-right:after { .pane .mini-tab.toggle-pane.toggle-inspect.anchor-right:after {
content: '\e608'; } content: '\e608'; }
/* line 291, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 292, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-inspect.anchor-right.collapsed { .pane .mini-tab.toggle-pane.toggle-inspect.anchor-right.collapsed {
-moz-transform: translateX(20px); -moz-transform: translateX(20px);
-ms-transform: translateX(20px); -ms-transform: translateX(20px);
-webkit-transform: translateX(20px); -webkit-transform: translateX(20px);
transform: translateX(20px); } } transform: translateX(20px); } }
/* line 300, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 301, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.items .object-browse-bar .left.abs, .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 .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,
@ -3877,28 +3895,28 @@ 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 311, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 312, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.horizontal > .pane { .split-layout.horizontal > .pane {
margin-top: 5px; } margin-top: 5px; }
/* line 314, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 315, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.horizontal > .pane:first-child { .split-layout.horizontal > .pane:first-child {
margin-top: 0; } margin-top: 0; }
/* line 323, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 324, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.vertical > .pane > .holder { .split-layout.vertical > .pane > .holder {
left: 0; left: 0;
right: 0; } right: 0; }
/* line 327, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 328, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.vertical > .pane:first-child { .split-layout.vertical > .pane:first-child {
margin-left: 0; } margin-left: 0; }
/* line 329, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 330, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.vertical > .pane:first-child .holder { .split-layout.vertical > .pane:first-child .holder {
right: 3px; } right: 3px; }
/* line 337, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 338, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder { .object-holder {
overflow: hidden; overflow: hidden;
top: 34px; } top: 34px; }
/* line 340, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 341, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder > ng-include { .object-holder > ng-include {
overflow: auto; overflow: auto;
position: absolute; position: absolute;
@ -3908,11 +3926,11 @@ span.req {
left: 0; left: 0;
width: auto; width: auto;
height: auto; } height: auto; }
/* line 344, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 345, ../../../../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 350, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 351, ../../../../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,
@ -3924,12 +3942,12 @@ span.req {
line-height: 25px; line-height: 25px;
vertical-align: top; } vertical-align: top; }
/* line 363, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 364, ../../../../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; }
/* line 368, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 369, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar { .object-browse-bar {
overflow: visible; overflow: visible;
position: absolute; position: absolute;
@ -3945,33 +3963,33 @@ span.req {
height: 24px; height: 24px;
line-height: 24px; line-height: 24px;
white-space: nowrap; } white-space: nowrap; }
/* line 376, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 377, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .left { .object-browse-bar .left {
padding-right: 20px; } padding-right: 20px; }
/* line 378, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 379, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .left .l-back { .object-browse-bar .left .l-back {
display: inline-block; display: inline-block;
float: left; float: left;
margin-right: 10px; } margin-right: 10px; }
/* line 386, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 387, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex { .l-flex {
display: flex; display: flex;
display: -webkit-flex; display: -webkit-flex;
flex-flow: row nowrap; flex-flow: row nowrap;
-webkit-flex-flow: row nowrap; } -webkit-flex-flow: row nowrap; }
/* line 389, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 390, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex .left { .l-flex .left {
flex: 1 1 0; flex: 1 1 0;
-webkit-flex: 1 1 0; -webkit-flex: 1 1 0;
padding-right: 10px; } padding-right: 10px; }
/* line 401, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 402, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .pane.left.treeview, .pane-tree-hidden .pane.left.treeview,
.pane-tree-hidden .splitter-treeview { .pane-tree-hidden .splitter-treeview {
opacity: 0; } opacity: 0; }
/* line 410, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 411, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-showing .pane.left.treeview, .pane-tree-showing .pane.left.treeview,
.pane-tree-showing .splitter-treeview { .pane-tree-showing .splitter-treeview {
-moz-transition-property: opacity; -moz-transition-property: opacity;
@ -3992,7 +4010,7 @@ span.req {
transition-delay: 250ms; transition-delay: 250ms;
opacity: 1; } opacity: 1; }
/* line 419, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 420, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-showing .l-object-and-inspector .pane.right, .pane-inspect-showing .l-object-and-inspector .pane.right,
.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;
@ -4013,21 +4031,21 @@ span.req {
transition-delay: 250ms; transition-delay: 250ms;
opacity: 1; } opacity: 1; }
/* line 428, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 429, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-hidden .l-object-and-inspector .pane.right, .pane-inspect-hidden .l-object-and-inspector .pane.right,
.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 437, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 438, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .pane.right.primary-pane { .pane-tree-hidden .pane.right.primary-pane {
left: 10px !important; } left: 10px !important; }
/* line 440, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 441, ../../../../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: 10px !important; } right: 10px !important; }
/* line 443, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 444, ../../../../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;