alihan/openmct
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Frontend] Inspector-related fixes

Browse Source 
open #244
Moved older .l-flex class out of layout and
into archetypes, updated definition;
This commit is contained in:
Charles Hacskaylo
2015-11-04 15:20:42 -08:00
parent e09cf91def
commit f4325e2bb3
4 changed files with 81 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
platform/commonUI/general/res/sass/_archetypes.scss
View File

@@ -91,6 +91,7 @@
padding: $interiorMargin 0; padding: $interiorMargin 0;
} }
} }
/********************************************* FLEX STYLES */ /********************************************* FLEX STYLES */
.l-flex-row, .l-flex-row,
.l-flex-col { .l-flex-col {
@@ -106,11 +107,13 @@
} }
} }
.l-flex-row { .l-flex-row { @include flex-direction(row); }
@include flex-direction(row); .l-flex-col { @include flex-direction(column); }
} .l-flex {
@extend .l-flex-row;
.l-flex-col { .left {
@include flex-direction(column); @include flex(1 1 0);
padding-right: $interiorMarginLg;
}
} }

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

@@ -365,16 +365,6 @@
} }
} }
.l-flex {
@include webkitVal('display', 'flex');
@include webkitProp('flex-flow', 'row nowrap');
.left {
//@include test(red);
@include webkitProp(flex, '1 1 0');
padding-right: $interiorMarginLg;
}
}
// When the tree is hidden, these are the // When the tree is hidden, these are the
// classes used for the left menu and the // classes used for the left menu and the
// right representation. // right representation.

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

@@ -508,33 +508,39 @@ mct-container {
/********************************************* FLEX STYLES */ /********************************************* FLEX STYLES */
/* line 95, ../../../../general/res/sass/_archetypes.scss */ /* line 95, ../../../../general/res/sass/_archetypes.scss */
.l-flex-row, .l-flex-row, .l-flex,
.l-flex-col { .l-flex-col {
display: -webkit-flex; display: -webkit-flex;
display: flex; display: flex;
-webkit-flex-wrap: nowrap; -webkit-flex-wrap: nowrap;
flex-wrap: nowrap; } flex-wrap: nowrap; }
/* line 100, ../../../../general/res/sass/_archetypes.scss */ /* line 100, ../../../../general/res/sass/_archetypes.scss */
.l-flex-row .flex-elem:not(.grows), .l-flex-row .flex-elem:not(.grows), .l-flex .flex-elem:not(.grows),
.l-flex-col .flex-elem:not(.grows) { .l-flex-col .flex-elem:not(.grows) {
-webkit-flex: 0 1 auto; -webkit-flex: 0 1 auto;
flex: 0 1 auto; } flex: 0 1 auto; }
/* line 103, ../../../../general/res/sass/_archetypes.scss */ /* line 103, ../../../../general/res/sass/_archetypes.scss */
.l-flex-row .flex-elem.grows, .l-flex-row .flex-elem.grows, .l-flex .flex-elem.grows,
.l-flex-col .flex-elem.grows { .l-flex-col .flex-elem.grows {
-webkit-flex: 1 1 auto; -webkit-flex: 1 1 auto;
flex: 1 1 auto; } flex: 1 1 auto; }
/* line 109, ../../../../general/res/sass/_archetypes.scss */ /* line 109, ../../../../general/res/sass/_archetypes.scss */
.l-flex-row { .l-flex-row, .l-flex {
-webkit-flex-direction: row; -webkit-flex-direction: row;
flex-direction: row; } flex-direction: row; }
/* line 114, ../../../../general/res/sass/_archetypes.scss */ /* line 110, ../../../../general/res/sass/_archetypes.scss */
.l-flex-col { .l-flex-col {
-webkit-flex-direction: column; -webkit-flex-direction: column;
flex-direction: column; } flex-direction: column; }
/* line 116, ../../../../general/res/sass/_archetypes.scss */
.l-flex .left {
-webkit-flex: 1 1 0;
flex: 1 1 0;
padding-right: 10px; }
/***************************************************************************** /*****************************************************************************
* Open MCT Web, Copyright (c) 2014-2015, United States Government * Open MCT Web, Copyright (c) 2014-2015, United States Government
* as represented by the Administrator of the National Aeronautics and Space * as represented by the Administrator of the National Aeronautics and Space
@@ -1406,14 +1412,20 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
margin-right: 5px; margin-right: 5px;
vertical-align: bottom; } vertical-align: bottom; }
/* line 47, ../../../../general/res/sass/_inspector.scss */ /* line 47, ../../../../general/res/sass/_inspector.scss */
.l-inspect ul {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-right: 5px; }
/* line 52, ../../../../general/res/sass/_inspector.scss */
.l-inspect ul li, .l-inspect ul li,
.l-inspect em { .l-inspect em {
display: block; display: block;
position: relative; } position: relative; }
/* line 53, ../../../../general/res/sass/_inspector.scss */ /* line 58, ../../../../general/res/sass/_inspector.scss */
.l-inspect ul li { .l-inspect ul li {
margin-bottom: 10px; } margin-bottom: 10px; }
/* line 57, ../../../../general/res/sass/_inspector.scss */ /* line 62, ../../../../general/res/sass/_inspector.scss */
.l-inspect em { .l-inspect em {
-moz-border-radius: 3px; -moz-border-radius: 3px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
@@ -1423,34 +1435,34 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
margin-bottom: 5px; margin-bottom: 5px;
padding: 5px 5px; padding: 5px 5px;
text-transform: uppercase; } text-transform: uppercase; }
/* line 66, ../../../../general/res/sass/_inspector.scss */ /* line 71, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-properties { .l-inspect .inspector-properties {
padding: 3px 0; } padding: 3px 0; }
/* line 67, ../../../../general/res/sass/_inspector.scss */ /* line 72, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-properties:not(.first) { .l-inspect .inspector-properties:not(.first) {
border-top: 1px solid #474747; } border-top: 1px solid #474747; }
/* line 71, ../../../../general/res/sass/_inspector.scss */ /* line 76, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-properties .label { .l-inspect .inspector-properties .label {
color: #737373; color: #737373;
text-transform: uppercase; } text-transform: uppercase; }
/* line 75, ../../../../general/res/sass/_inspector.scss */ /* line 80, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-properties .value { .l-inspect .inspector-properties .value {
color: #bfbfbf; color: #bfbfbf;
word-break: break-all; } word-break: break-all; }
/* line 83, ../../../../general/res/sass/_inspector.scss */ /* line 88, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-location .location-item { .l-inspect .inspector-location .location-item {
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
position: relative; position: relative;
padding: 2px 4px; } padding: 2px 4px; }
/* line 88, ../../../../general/res/sass/_inspector.scss */ /* line 93, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-location .location-item:hover { .l-inspect .inspector-location .location-item:hover {
background: rgba(153, 153, 153, 0.1); background: rgba(153, 153, 153, 0.1);
color: #cccccc; } color: #cccccc; }
/* line 91, ../../../../general/res/sass/_inspector.scss */ /* line 96, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-location .location-item:hover .icon, .l-inspect .inspector-location .location-item:hover .t-item-icon { .l-inspect .inspector-location .location-item:hover .icon, .l-inspect .inspector-location .location-item:hover .t-item-icon {
color: #33ccff; } color: #33ccff; }
/* line 96, ../../../../general/res/sass/_inspector.scss */ /* line 101, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-location:not(.last) .t-object-label .t-title-label:after { .l-inspect .inspector-location:not(.last) .t-object-label .t-title-label:after {
color: #737373; color: #737373;
content: '\3e'; content: '\3e';
@@ -4667,25 +4679,13 @@ span.req {
float: left; float: left;
margin-right: 10px; } margin-right: 10px; }
/* line 368, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 374, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex {
display: flex;
display: -webkit-flex;
flex-flow: row nowrap;
-webkit-flex-flow: row nowrap; }
/* line 371, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex .left {
flex: 1 1 0;
-webkit-flex: 1 1 0;
padding-right: 10px; }
/* line 384, ../../../../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-create-and-search { .pane-tree-hidden .holder-create-and-search {
opacity: 0; } opacity: 0; }
/* line 394, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 384, ../../../../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;
@@ -4705,7 +4705,7 @@ span.req {
-webkit-transition-delay: 250ms; -webkit-transition-delay: 250ms;
transition-delay: 250ms; transition-delay: 250ms;
opacity: 1; } opacity: 1; }
/* line 400, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 390, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-showing .holder-create-and-search { .pane-tree-showing .holder-create-and-search {
-moz-transition-property: opacity; -moz-transition-property: opacity;
-o-transition-property: opacity; -o-transition-property: opacity;
@@ -4724,7 +4724,7 @@ span.req {
-webkit-transition-delay: 200ms; -webkit-transition-delay: 200ms;
transition-delay: 200ms; } transition-delay: 200ms; }
/* line 407, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 397, ../../../../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;
@@ -4745,25 +4745,25 @@ span.req {
transition-delay: 250ms; transition-delay: 250ms;
opacity: 1; } opacity: 1; }
/* line 416, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 406, ../../../../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 424, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 414, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .tree-holder { .pane.treeview.left .tree-holder {
padding-right: 5px; } padding-right: 5px; }
/* line 428, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 418, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .pane.right.primary-pane { .pane-tree-hidden .pane.right.primary-pane {
left: 20px !important; } left: 20px !important; }
/* line 431, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 421, ../../../../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: 20px !important; } right: 20px !important; }
/* line 434, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 424, ../../../../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;

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

@@ -508,33 +508,39 @@ mct-container {
/********************************************* FLEX STYLES */ /********************************************* FLEX STYLES */
/* line 95, ../../../../general/res/sass/_archetypes.scss */ /* line 95, ../../../../general/res/sass/_archetypes.scss */
.l-flex-row, .l-flex-row, .l-flex,
.l-flex-col { .l-flex-col {
display: -webkit-flex; display: -webkit-flex;
display: flex; display: flex;
-webkit-flex-wrap: nowrap; -webkit-flex-wrap: nowrap;
flex-wrap: nowrap; } flex-wrap: nowrap; }
/* line 100, ../../../../general/res/sass/_archetypes.scss */ /* line 100, ../../../../general/res/sass/_archetypes.scss */
.l-flex-row .flex-elem:not(.grows), .l-flex-row .flex-elem:not(.grows), .l-flex .flex-elem:not(.grows),
.l-flex-col .flex-elem:not(.grows) { .l-flex-col .flex-elem:not(.grows) {
-webkit-flex: 0 1 auto; -webkit-flex: 0 1 auto;
flex: 0 1 auto; } flex: 0 1 auto; }
/* line 103, ../../../../general/res/sass/_archetypes.scss */ /* line 103, ../../../../general/res/sass/_archetypes.scss */
.l-flex-row .flex-elem.grows, .l-flex-row .flex-elem.grows, .l-flex .flex-elem.grows,
.l-flex-col .flex-elem.grows { .l-flex-col .flex-elem.grows {
-webkit-flex: 1 1 auto; -webkit-flex: 1 1 auto;
flex: 1 1 auto; } flex: 1 1 auto; }
/* line 109, ../../../../general/res/sass/_archetypes.scss */ /* line 109, ../../../../general/res/sass/_archetypes.scss */
.l-flex-row { .l-flex-row, .l-flex {
-webkit-flex-direction: row; -webkit-flex-direction: row;
flex-direction: row; } flex-direction: row; }
/* line 114, ../../../../general/res/sass/_archetypes.scss */ /* line 110, ../../../../general/res/sass/_archetypes.scss */
.l-flex-col { .l-flex-col {
-webkit-flex-direction: column; -webkit-flex-direction: column;
flex-direction: column; } flex-direction: column; }
/* line 116, ../../../../general/res/sass/_archetypes.scss */
.l-flex .left {
-webkit-flex: 1 1 0;
flex: 1 1 0;
padding-right: 10px; }
/***************************************************************************** /*****************************************************************************
* Open MCT Web, Copyright (c) 2014-2015, United States Government * Open MCT Web, Copyright (c) 2014-2015, United States Government
* as represented by the Administrator of the National Aeronautics and Space * as represented by the Administrator of the National Aeronautics and Space
@@ -1387,14 +1393,20 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
margin-right: 5px; margin-right: 5px;
vertical-align: bottom; } vertical-align: bottom; }
/* line 47, ../../../../general/res/sass/_inspector.scss */ /* line 47, ../../../../general/res/sass/_inspector.scss */
.l-inspect ul {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-right: 5px; }
/* line 52, ../../../../general/res/sass/_inspector.scss */
.l-inspect ul li, .l-inspect ul li,
.l-inspect em { .l-inspect em {
display: block; display: block;
position: relative; } position: relative; }
/* line 53, ../../../../general/res/sass/_inspector.scss */ /* line 58, ../../../../general/res/sass/_inspector.scss */
.l-inspect ul li { .l-inspect ul li {
margin-bottom: 10px; } margin-bottom: 10px; }
/* line 57, ../../../../general/res/sass/_inspector.scss */ /* line 62, ../../../../general/res/sass/_inspector.scss */
.l-inspect em { .l-inspect em {
-moz-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
@@ -1404,34 +1416,34 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
margin-bottom: 5px; margin-bottom: 5px;
padding: 5px 5px; padding: 5px 5px;
text-transform: uppercase; } text-transform: uppercase; }
/* line 66, ../../../../general/res/sass/_inspector.scss */ /* line 71, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-properties { .l-inspect .inspector-properties {
padding: 3px 0; } padding: 3px 0; }
/* line 67, ../../../../general/res/sass/_inspector.scss */ /* line 72, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-properties:not(.first) { .l-inspect .inspector-properties:not(.first) {
border-top: 1px solid #e3e3e3; } border-top: 1px solid #e3e3e3; }
/* line 71, ../../../../general/res/sass/_inspector.scss */ /* line 76, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-properties .label { .l-inspect .inspector-properties .label {
color: #999999; color: #999999;
text-transform: uppercase; } text-transform: uppercase; }
/* line 75, ../../../../general/res/sass/_inspector.scss */ /* line 80, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-properties .value { .l-inspect .inspector-properties .value {
color: #404040; color: #404040;
word-break: break-all; } word-break: break-all; }
/* line 83, ../../../../general/res/sass/_inspector.scss */ /* line 88, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-location .location-item { .l-inspect .inspector-location .location-item {
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
position: relative; position: relative;
padding: 2px 4px; } padding: 2px 4px; }
/* line 88, ../../../../general/res/sass/_inspector.scss */ /* line 93, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-location .location-item:hover { .l-inspect .inspector-location .location-item:hover {
background: rgba(102, 102, 102, 0.1); background: rgba(102, 102, 102, 0.1);
color: #333333; } color: #333333; }
/* line 91, ../../../../general/res/sass/_inspector.scss */ /* line 96, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-location .location-item:hover .icon, .l-inspect .inspector-location .location-item:hover .t-item-icon { .l-inspect .inspector-location .location-item:hover .icon, .l-inspect .inspector-location .location-item:hover .t-item-icon {
color: #0099cc; } color: #0099cc; }
/* line 96, ../../../../general/res/sass/_inspector.scss */ /* line 101, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-location:not(.last) .t-object-label .t-title-label:after { .l-inspect .inspector-location:not(.last) .t-object-label .t-title-label:after {
color: #8c8c8c; color: #8c8c8c;
content: '\3e'; content: '\3e';
@@ -4589,25 +4601,13 @@ span.req {
float: left; float: left;
margin-right: 10px; } margin-right: 10px; }
/* line 368, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 374, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex {
display: flex;
display: -webkit-flex;
flex-flow: row nowrap;
-webkit-flex-flow: row nowrap; }
/* line 371, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex .left {
flex: 1 1 0;
-webkit-flex: 1 1 0;
padding-right: 10px; }
/* line 384, ../../../../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-create-and-search { .pane-tree-hidden .holder-create-and-search {
opacity: 0; } opacity: 0; }
/* line 394, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 384, ../../../../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;
@@ -4627,7 +4627,7 @@ span.req {
-webkit-transition-delay: 250ms; -webkit-transition-delay: 250ms;
transition-delay: 250ms; transition-delay: 250ms;
opacity: 1; } opacity: 1; }
/* line 400, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 390, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-showing .holder-create-and-search { .pane-tree-showing .holder-create-and-search {
-moz-transition-property: opacity; -moz-transition-property: opacity;
-o-transition-property: opacity; -o-transition-property: opacity;
@@ -4646,7 +4646,7 @@ span.req {
-webkit-transition-delay: 200ms; -webkit-transition-delay: 200ms;
transition-delay: 200ms; } transition-delay: 200ms; }
/* line 407, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 397, ../../../../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;
@@ -4667,25 +4667,25 @@ span.req {
transition-delay: 250ms; transition-delay: 250ms;
opacity: 1; } opacity: 1; }
/* line 416, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 406, ../../../../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 424, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 414, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .tree-holder { .pane.treeview.left .tree-holder {
padding-right: 5px; } padding-right: 5px; }
/* line 428, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 418, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .pane.right.primary-pane { .pane-tree-hidden .pane.right.primary-pane {
left: 20px !important; } left: 20px !important; }
/* line 431, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 421, ../../../../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: 20px !important; } right: 20px !important; }
/* line 434, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 424, ../../../../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;