ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-06-01 15:10:50 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[Frontend] Manual re-do of collapse/expand panes

Browse Source 
open #90
Fixed broken mobile styles;
Removed commented out scss;
This commit is contained in:
Charles Hacskaylo 2015-10-22 18:45:47 -07:00
parent bf17b77e82
commit 3687cc5edd
6 changed files with 327 additions and 341 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
platform/commonUI/general/res/sass/_mixins.scss
View File

@ -179,11 +179,6 @@
top: 5px; top: 5px;
width: 1px; width: 1px;
} }
//}
//&:not(.disabled):hover:before {
// @include trans-prop-nice("border-color", 25ms);
// border-color: $colorGrippyInteriorHover;
//}
} }
@mixin boxIncised($sVal: 0.6, $inset: 5px) { @mixin boxIncised($sVal: 0.6, $inset: 5px) {

108
platform/commonUI/general/res/sass/controls/_buttons.scss
View File

@ -104,64 +104,66 @@ $pad: $interiorMargin * $baseRatio;
.mini-tab { .mini-tab {
// Meant to be used as pane hide/show control elements in concert with mct-splitter // Meant to be used as pane hide/show control elements in concert with mct-splitter
@extend .ui-symbol; @extend .ui-symbol;
@include trans-prop-nice(left, 150ms); @include desktop {
//@include test(green);
$iconD: 12px;
$arwD: 7px;
$c: pullForward($colorBodyBg, 15%);
color: $c;
cursor: pointer;
display: block;
position: absolute;
font-size: $iconD;
line-height: $iconD;
height: $iconD; width: $iconD;
&:hover {
color: pullForward($c, 20%);
&:after {
color: $colorKey;
}
}
&:before,
&:after {
@include trans-prop-nice(color, 200ms);
display: block;
position: absolute;
}
&:before {
// Always the arrow icon
@include trans-prop-nice(left, 150ms); @include trans-prop-nice(left, 150ms);
//@include test(green); //@include test(green);
font-size: $arwD; $iconD: 12px;
height: 100%; width: $arwD; $arwD: 7px;
} $c: pullForward($colorBodyBg, 15%);
&:after { color: $c;
// Representative icon cursor: pointer;
//@include test(red); display: block;
width: 100%; position: absolute;
height: 100%; font-size: $iconD;
} line-height: $iconD;
height: $iconD; width: $iconD;
&.anchor-left { &:hover {
// < [] color: pullForward($c, 20%);
$xpos: (1px + $arwD) * -1; &:after {
&:before { color: $colorKey;
content:'\3c'; }
left: $xpos;
} }
&:hover:before { left: $xpos - 3; }
} &:before,
&.anchor-right { &:after {
// [] > @include trans-prop-nice(color, 200ms);
$xpos: $iconD + 2px; display: block;
&:before { position: absolute;
content:'\3e'; }
left: $xpos;
&:before {
// Always the arrow icon
@include trans-prop-nice(left, 150ms);
//@include test(green);
font-size: $arwD;
height: 100%; width: $arwD;
}
&:after {
// Representative icon
//@include test(red);
width: 100%;
height: 100%;
}
&.anchor-left {
// < []
$xpos: (1px + $arwD) * -1;
&:before {
content:'\3c';
left: $xpos;
}
&:hover:before { left: $xpos - 3; }
}
&.anchor-right {
// [] >
$xpos: $iconD + 2px;
&:before {
content:'\3e';
left: $xpos;
}
&:hover:before { left: $xpos + 3; }
} }
&:hover:before { left: $xpos + 3; }
} }
} }

7
platform/commonUI/general/res/sass/mobile/_layout.scss
View File

@ -80,11 +80,7 @@
// Sets the left tree menu when the tree is shown. // Sets the left tree menu when the tree is shown.
.pane.left.treeview { .pane.left.treeview {
//@include trans-prop-nice(opacity, .4s);
@include background-image(linear-gradient(90deg, rgba(black, 0) 98%, rgba(black, 0.3) 100%)); @include background-image(linear-gradient(90deg, rgba(black, 0) 98%, rgba(black, 0.3) 100%));
//opacity: 1;
//display: block !important;
//width: auto !important; // CH CO
right: auto !important; right: auto !important;
width: $proporMenuWithView !important; width: $proporMenuWithView !important;
} }
@ -95,11 +91,12 @@
} }
.toggle-tree { .toggle-tree {
color: $colorKey !important;
font-size: 110%; font-size: 110%;
position: absolute; position: absolute;
top: $bodyMargin + 2; top: $bodyMargin + 2;
left: $bodyMargin; left: $bodyMargin;
&:before { &:after {
content:'m' !important; content:'m' !important;
} }
} }

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

@ -252,36 +252,30 @@
top: $ueTopBarH + $interiorMarginLg + $treeSearchInputBarH + $interiorMargin; top: $ueTopBarH + $interiorMarginLg + $treeSearchInputBarH + $interiorMargin;
} }
} }
.mini-tab.toggle-pane { .mini-tab.toggle-pane {
$h: $ueTopBarH; $h: $ueTopBarH;
$paneOffset: $interiorMarginLg * -3; $paneOffset: $interiorMarginLg * -3;
//font-size: 0.7rem;
//position: absolute;
//height: $h;
//line-height: $h;
top: 5px;
z-index: 2; z-index: 2;
&.toggle-tree.anchor-left { @include desktop {
//@include test(green); top: 5px;
left: $paneOffset; &.toggle-tree.anchor-left {
/* &:hover { //@include test(green);
left: $paneOffset - 2; left: $paneOffset;
}*/ &:after {
&:after { content: 'F';
content:'F'; }
} }
} &.toggle-inspect.anchor-right {
&.toggle-inspect.anchor-right { $xpos: $paneOffset + $interiorMargin;
$xpos: $paneOffset + $interiorMargin; right: $xpos;
right: $xpos; &:after {
/* &:hover { content: '\e608';
right: $xpos - 2; }
}*/
&:after {
content:'F'; //\e612
} }
} }
} }
&.items { &.items {
.object-browse-bar { .object-browse-bar {
.left.abs, .left.abs,

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

@ -1499,52 +1499,9 @@ mct-container {
.s-icon-btn:hover { .s-icon-btn:hover {
color: #33ccff; } color: #33ccff; }
/* line 104, ../../../../general/res/sass/controls/_buttons.scss */ @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
.mini-tab { /* line 104, ../../../../general/res/sass/controls/_buttons.scss */
-moz-transition-property: left; .mini-tab {
-o-transition-property: left;
-webkit-transition-property: left;
transition-property: left;
-moz-transition-duration: 150ms;
-o-transition-duration: 150ms;
-webkit-transition-duration: 150ms;
transition-duration: 150ms;
-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;
color: #595959;
cursor: pointer;
display: block;
position: absolute;
font-size: 12px;
line-height: 12px;
height: 12px;
width: 12px; }
/* line 120, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab:hover {
color: #8c8c8c; }
/* line 122, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab:hover:after {
color: #0099cc; }
/* line 127, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab:before, .mini-tab:after {
-moz-transition-property: color;
-o-transition-property: color;
-webkit-transition-property: color;
transition-property: color;
-moz-transition-duration: 200ms;
-o-transition-duration: 200ms;
-webkit-transition-duration: 200ms;
transition-duration: 200ms;
-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;
display: block;
position: absolute; }
/* line 134, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab:before {
-moz-transition-property: left; -moz-transition-property: left;
-o-transition-property: left; -o-transition-property: left;
-webkit-transition-property: left; -webkit-transition-property: left;
@ -1557,38 +1514,82 @@ mct-container {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
font-size: 7px; color: #595959;
height: 100%; cursor: pointer;
width: 7px; } display: block;
/* line 141, ../../../../general/res/sass/controls/_buttons.scss */ position: absolute;
.mini-tab:after { font-size: 12px;
width: 100%; line-height: 12px;
height: 100%; } height: 12px;
/* line 151, ../../../../general/res/sass/controls/_buttons.scss */ width: 12px; }
.mini-tab.anchor-left:before { /* line 121, ../../../../general/res/sass/controls/_buttons.scss */
content: '\3c'; .mini-tab:hover {
left: -8px; } color: #8c8c8c; }
/* line 155, ../../../../general/res/sass/controls/_buttons.scss */ /* line 123, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-left:hover:before { .mini-tab:hover:after {
left: -11px; } color: #0099cc; }
/* line 160, ../../../../general/res/sass/controls/_buttons.scss */ /* line 128, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-right:before { .mini-tab:before, .mini-tab:after {
content: '\3e'; -moz-transition-property: color;
left: 14px; } -o-transition-property: color;
/* line 164, ../../../../general/res/sass/controls/_buttons.scss */ -webkit-transition-property: color;
.mini-tab.anchor-right:hover:before { transition-property: color;
left: 17px; } -moz-transition-duration: 200ms;
-o-transition-duration: 200ms;
-webkit-transition-duration: 200ms;
transition-duration: 200ms;
-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;
display: block;
position: absolute; }
/* line 135, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab:before {
-moz-transition-property: left;
-o-transition-property: left;
-webkit-transition-property: left;
transition-property: left;
-moz-transition-duration: 150ms;
-o-transition-duration: 150ms;
-webkit-transition-duration: 150ms;
transition-duration: 150ms;
-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;
font-size: 7px;
height: 100%;
width: 7px; }
/* line 142, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab:after {
width: 100%;
height: 100%; }
/* line 152, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-left:before {
content: '\3c';
left: -8px; }
/* line 156, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-left:hover:before {
left: -11px; }
/* line 161, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-right:before {
content: '\3e';
left: 14px; }
/* line 165, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-right:hover:before {
left: 17px; } }
/* line 168, ../../../../general/res/sass/controls/_buttons.scss */ /* line 170, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set { .l-btn-set {
font-size: 0; } font-size: 0; }
/* line 174, ../../../../general/res/sass/controls/_buttons.scss */ /* line 176, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .s-btn, .l-btn-set .s-menu-btn { .l-btn-set .s-btn, .l-btn-set .s-menu-btn {
-moz-border-radius: 0; -moz-border-radius: 0;
-webkit-border-radius: 0; -webkit-border-radius: 0;
border-radius: 0; border-radius: 0;
margin-left: 1px; } margin-left: 1px; }
/* line 180, ../../../../general/res/sass/controls/_buttons.scss */ /* line 182, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .first .s-btn, .l-btn-set .first .s-menu-btn { .l-btn-set .first .s-btn, .l-btn-set .first .s-menu-btn {
-moz-border-radius-topleft: 3px; -moz-border-radius-topleft: 3px;
-webkit-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px;
@ -1597,7 +1598,7 @@ mct-container {
-webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
margin-left: 0; } margin-left: 0; }
/* line 187, ../../../../general/res/sass/controls/_buttons.scss */ /* line 189, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .last .s-btn, .l-btn-set .last .s-menu-btn { .l-btn-set .last .s-btn, .l-btn-set .last .s-menu-btn {
-moz-border-radius-topright: 3px; -moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px;
@ -1606,7 +1607,7 @@ mct-container {
-webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px; } border-bottom-right-radius: 3px; }
/* line 194, ../../../../general/res/sass/controls/_buttons.scss */ /* line 196, ../../../../general/res/sass/controls/_buttons.scss */
.paused:not(.s-btn):not(.s-menu-btn) { .paused:not(.s-btn):not(.s-menu-btn) {
border-color: #c56f01 !important; border-color: #c56f01 !important;
color: #c56f01 !important; } color: #c56f01 !important; }
@ -3623,29 +3624,26 @@ span.req {
.pane.treeview.left .tree-holder { .pane.treeview.left .tree-holder {
overflow: auto; overflow: auto;
top: 64px; } top: 64px; }
/* line 255, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 256, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane { .pane .mini-tab.toggle-pane {
top: 5px;
z-index: 2; } z-index: 2; }
/* line 264, ../../../../general/res/sass/user-environ/_layout.scss */ @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
.pane .mini-tab.toggle-pane.toggle-tree.anchor-left { /* line 256, ../../../../general/res/sass/user-environ/_layout.scss */
left: -30px; .pane .mini-tab.toggle-pane {
/* &:hover { top: 5px; }
left: $paneOffset - 2; /* line 262, ../../../../general/res/sass/user-environ/_layout.scss */
}*/ } .pane .mini-tab.toggle-pane.toggle-tree.anchor-left {
/* line 270, ../../../../general/res/sass/user-environ/_layout.scss */ left: -30px; }
.pane .mini-tab.toggle-pane.toggle-tree.anchor-left:after { /* line 265, ../../../../general/res/sass/user-environ/_layout.scss */
content: 'F'; } .pane .mini-tab.toggle-pane.toggle-tree.anchor-left:after {
/* line 274, ../../../../general/res/sass/user-environ/_layout.scss */ content: 'F'; }
.pane .mini-tab.toggle-pane.toggle-inspect.anchor-right { /* line 269, ../../../../general/res/sass/user-environ/_layout.scss */
right: -25px; .pane .mini-tab.toggle-pane.toggle-inspect.anchor-right {
/* &:hover { right: -25px; }
right: $xpos - 2; /* line 272, ../../../../general/res/sass/user-environ/_layout.scss */
}*/ } .pane .mini-tab.toggle-pane.toggle-inspect.anchor-right:after {
/* line 280, ../../../../general/res/sass/user-environ/_layout.scss */ content: '\e608'; } }
.pane .mini-tab.toggle-pane.toggle-inspect.anchor-right:after { /* line 281, ../../../../general/res/sass/user-environ/_layout.scss */
content: 'F'; }
/* line 287, ../../../../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,
@ -3658,31 +3656,31 @@ 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 298, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 292, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.horizontal > .pane { .split-layout.horizontal > .pane {
margin-top: 5px; } margin-top: 5px; }
/* line 301, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 295, ../../../../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 308, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 302, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.vertical > .pane { .split-layout.vertical > .pane {
margin-left: 5px; } margin-left: 5px; }
/* line 311, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 305, ../../../../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 315, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 309, ../../../../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 317, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 311, ../../../../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 325, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 319, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder { .object-holder {
overflow: hidden; overflow: hidden;
top: 34px; } top: 34px; }
/* line 328, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 322, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder > ng-include { .object-holder > ng-include {
overflow: auto; overflow: auto;
position: absolute; position: absolute;
@ -3692,11 +3690,11 @@ span.req {
left: 0; left: 0;
width: auto; width: auto;
height: auto; } height: auto; }
/* line 332, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 326, ../../../../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 338, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 332, ../../../../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,
@ -3708,12 +3706,12 @@ span.req {
line-height: 25px; line-height: 25px;
vertical-align: top; } vertical-align: top; }
/* line 351, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 345, ../../../../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 356, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 350, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar { .object-browse-bar {
overflow: visible; overflow: visible;
position: absolute; position: absolute;
@ -3729,41 +3727,41 @@ span.req {
height: 24px; height: 24px;
line-height: 24px; line-height: 24px;
white-space: nowrap; } white-space: nowrap; }
/* line 364, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 358, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .left { .object-browse-bar .left {
padding-right: 20px; } padding-right: 20px; }
/* line 366, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 360, ../../../../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 374, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 368, ../../../../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 377, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 371, ../../../../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 388, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 382, ../../../../general/res/sass/user-environ/_layout.scss */
.browse-hidetree { .browse-hidetree {
-moz-user-select: -moz-none; -moz-user-select: -moz-none;
-ms-user-select: none; -ms-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; } user-select: none; }
/* line 391, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 385, ../../../../general/res/sass/user-environ/_layout.scss */
.browse-hidetree .pane.left.treeview { .browse-hidetree .pane.left.treeview {
opacity: 0; } opacity: 0; }
/* line 395, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 389, ../../../../general/res/sass/user-environ/_layout.scss */
.browse-hidetree .pane.right-repr { .browse-hidetree .pane.right-repr {
left: 0 !important; } left: 0 !important; }
/* line 402, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 396, ../../../../general/res/sass/user-environ/_layout.scss */
.browse-showtree .pane.left.treeview { .browse-showtree .pane.left.treeview {
-moz-transition-property: opacity; -moz-transition-property: opacity;
-o-transition-property: opacity; -o-transition-property: opacity;
@ -3870,44 +3868,45 @@ span.req {
/* line 97, ../../../../general/res/sass/mobile/_layout.scss */ /* line 97, ../../../../general/res/sass/mobile/_layout.scss */
.toggle-tree { .toggle-tree {
color: #0099cc !important;
font-size: 110%; font-size: 110%;
position: absolute; position: absolute;
top: 12px; top: 12px;
left: 10px; } left: 10px; }
/* line 102, ../../../../general/res/sass/mobile/_layout.scss */ /* line 103, ../../../../general/res/sass/mobile/_layout.scss */
.toggle-tree:before { .toggle-tree:after {
content: 'm' !important; } content: 'm' !important; }
/* line 107, ../../../../general/res/sass/mobile/_layout.scss */ /* line 108, ../../../../general/res/sass/mobile/_layout.scss */
.object-browse-bar { .object-browse-bar {
left: 30px !important; } left: 30px !important; }
/* line 110, ../../../../general/res/sass/mobile/_layout.scss */ /* line 111, ../../../../general/res/sass/mobile/_layout.scss */
.object-browse-bar .context-available { .object-browse-bar .context-available {
opacity: 1 !important; } opacity: 1 !important; }
/* line 113, ../../../../general/res/sass/mobile/_layout.scss */ /* line 114, ../../../../general/res/sass/mobile/_layout.scss */
.object-browse-bar .view-switcher { .object-browse-bar .view-switcher {
margin-right: 0 !important; } margin-right: 0 !important; }
/* line 115, ../../../../general/res/sass/mobile/_layout.scss */ /* line 116, ../../../../general/res/sass/mobile/_layout.scss */
.object-browse-bar .view-switcher .title-label { .object-browse-bar .view-switcher .title-label {
display: none; } display: none; }
/* line 122, ../../../../general/res/sass/mobile/_layout.scss */ /* line 123, ../../../../general/res/sass/mobile/_layout.scss */
.tree-holder { .tree-holder {
overflow-x: hidden !important; } overflow-x: hidden !important; }
/* line 126, ../../../../general/res/sass/mobile/_layout.scss */ /* line 127, ../../../../general/res/sass/mobile/_layout.scss */
.mobile-disable-select { .mobile-disable-select {
-moz-user-select: -moz-none; -moz-user-select: -moz-none;
-ms-user-select: none; -ms-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; } user-select: none; }
/* line 131, ../../../../general/res/sass/mobile/_layout.scss */ /* line 132, ../../../../general/res/sass/mobile/_layout.scss */
.mobile-hide, .mobile-hide,
.mobile-hide-important { .mobile-hide-important {
display: none !important; } display: none !important; }
/* line 136, ../../../../general/res/sass/mobile/_layout.scss */ /* line 137, ../../../../general/res/sass/mobile/_layout.scss */
.mobile-back-hide { .mobile-back-hide {
pointer-events: none; pointer-events: none;
-moz-transition-property: opacity; -moz-transition-property: opacity;
@ -3924,7 +3923,7 @@ span.req {
transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
opacity: 0; } opacity: 0; }
/* line 141, ../../../../general/res/sass/mobile/_layout.scss */ /* line 142, ../../../../general/res/sass/mobile/_layout.scss */
.mobile-back-unhide { .mobile-back-unhide {
pointer-events: all; pointer-events: all;
-moz-transition-property: opacity; -moz-transition-property: opacity;
@ -3941,19 +3940,19 @@ span.req {
transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
opacity: 1; } } opacity: 1; } }
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px) { @media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px) {
/* line 150, ../../../../general/res/sass/mobile/_layout.scss */ /* line 151, ../../../../general/res/sass/mobile/_layout.scss */
.browse-showtree .pane.left.treeview { .browse-showtree .pane.left.treeview {
width: 90% !important; } width: 90% !important; }
/* line 153, ../../../../general/res/sass/mobile/_layout.scss */ /* line 154, ../../../../general/res/sass/mobile/_layout.scss */
.browse-showtree .pane.right-repr { .browse-showtree .pane.right-repr {
left: 0 !important; left: 0 !important;
transform: translateX(90%); transform: translateX(90%);
-webkit-transform: translateX(90%); } -webkit-transform: translateX(90%); }
/* line 156, ../../../../general/res/sass/mobile/_layout.scss */ /* line 157, ../../../../general/res/sass/mobile/_layout.scss */
.browse-showtree .pane.right-repr #content-area { .browse-showtree .pane.right-repr #content-area {
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 164, ../../../../general/res/sass/mobile/_layout.scss */ /* line 165, ../../../../general/res/sass/mobile/_layout.scss */
.desktop-hide { .desktop-hide {
display: none; } } display: none; } }
/***************************************************************************** /*****************************************************************************

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

@ -1469,52 +1469,9 @@ mct-container {
.s-icon-btn:hover { .s-icon-btn:hover {
color: white; } color: white; }
/* line 104, ../../../../general/res/sass/controls/_buttons.scss */ @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
.mini-tab { /* line 104, ../../../../general/res/sass/controls/_buttons.scss */
-moz-transition-property: left; .mini-tab {
-o-transition-property: left;
-webkit-transition-property: left;
transition-property: left;
-moz-transition-duration: 150ms;
-o-transition-duration: 150ms;
-webkit-transition-duration: 150ms;
transition-duration: 150ms;
-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;
color: #d6d6d6;
cursor: pointer;
display: block;
position: absolute;
font-size: 12px;
line-height: 12px;
height: 12px;
width: 12px; }
/* line 120, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab:hover {
color: #a3a3a3; }
/* line 122, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab:hover:after {
color: #0099cc; }
/* line 127, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab:before, .mini-tab:after {
-moz-transition-property: color;
-o-transition-property: color;
-webkit-transition-property: color;
transition-property: color;
-moz-transition-duration: 200ms;
-o-transition-duration: 200ms;
-webkit-transition-duration: 200ms;
transition-duration: 200ms;
-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;
display: block;
position: absolute; }
/* line 134, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab:before {
-moz-transition-property: left; -moz-transition-property: left;
-o-transition-property: left; -o-transition-property: left;
-webkit-transition-property: left; -webkit-transition-property: left;
@ -1527,38 +1484,82 @@ mct-container {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
font-size: 7px; color: #d6d6d6;
height: 100%; cursor: pointer;
width: 7px; } display: block;
/* line 141, ../../../../general/res/sass/controls/_buttons.scss */ position: absolute;
.mini-tab:after { font-size: 12px;
width: 100%; line-height: 12px;
height: 100%; } height: 12px;
/* line 151, ../../../../general/res/sass/controls/_buttons.scss */ width: 12px; }
.mini-tab.anchor-left:before { /* line 121, ../../../../general/res/sass/controls/_buttons.scss */
content: '\3c'; .mini-tab:hover {
left: -8px; } color: #a3a3a3; }
/* line 155, ../../../../general/res/sass/controls/_buttons.scss */ /* line 123, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-left:hover:before { .mini-tab:hover:after {
left: -11px; } color: #0099cc; }
/* line 160, ../../../../general/res/sass/controls/_buttons.scss */ /* line 128, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-right:before { .mini-tab:before, .mini-tab:after {
content: '\3e'; -moz-transition-property: color;
left: 14px; } -o-transition-property: color;
/* line 164, ../../../../general/res/sass/controls/_buttons.scss */ -webkit-transition-property: color;
.mini-tab.anchor-right:hover:before { transition-property: color;
left: 17px; } -moz-transition-duration: 200ms;
-o-transition-duration: 200ms;
-webkit-transition-duration: 200ms;
transition-duration: 200ms;
-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;
display: block;
position: absolute; }
/* line 135, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab:before {
-moz-transition-property: left;
-o-transition-property: left;
-webkit-transition-property: left;
transition-property: left;
-moz-transition-duration: 150ms;
-o-transition-duration: 150ms;
-webkit-transition-duration: 150ms;
transition-duration: 150ms;
-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;
font-size: 7px;
height: 100%;
width: 7px; }
/* line 142, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab:after {
width: 100%;
height: 100%; }
/* line 152, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-left:before {
content: '\3c';
left: -8px; }
/* line 156, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-left:hover:before {
left: -11px; }
/* line 161, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-right:before {
content: '\3e';
left: 14px; }
/* line 165, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-right:hover:before {
left: 17px; } }
/* line 168, ../../../../general/res/sass/controls/_buttons.scss */ /* line 170, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set { .l-btn-set {
font-size: 0; } font-size: 0; }
/* line 174, ../../../../general/res/sass/controls/_buttons.scss */ /* line 176, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .s-btn, .l-btn-set .s-menu-btn { .l-btn-set .s-btn, .l-btn-set .s-menu-btn {
-moz-border-radius: 0; -moz-border-radius: 0;
-webkit-border-radius: 0; -webkit-border-radius: 0;
border-radius: 0; border-radius: 0;
margin-left: 1px; } margin-left: 1px; }
/* line 180, ../../../../general/res/sass/controls/_buttons.scss */ /* line 182, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .first .s-btn, .l-btn-set .first .s-menu-btn { .l-btn-set .first .s-btn, .l-btn-set .first .s-menu-btn {
-moz-border-radius-topleft: 4px; -moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px;
@ -1567,7 +1568,7 @@ mct-container {
-webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
margin-left: 0; } margin-left: 0; }
/* line 187, ../../../../general/res/sass/controls/_buttons.scss */ /* line 189, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .last .s-btn, .l-btn-set .last .s-menu-btn { .l-btn-set .last .s-btn, .l-btn-set .last .s-menu-btn {
-moz-border-radius-topright: 4px; -moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px;
@ -1576,7 +1577,7 @@ mct-container {
-webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px; } border-bottom-right-radius: 4px; }
/* line 194, ../../../../general/res/sass/controls/_buttons.scss */ /* line 196, ../../../../general/res/sass/controls/_buttons.scss */
.paused:not(.s-btn):not(.s-menu-btn) { .paused:not(.s-btn):not(.s-menu-btn) {
border-color: #ff9900 !important; border-color: #ff9900 !important;
color: #ff9900 !important; } color: #ff9900 !important; }
@ -3570,29 +3571,26 @@ span.req {
.pane.treeview.left .tree-holder { .pane.treeview.left .tree-holder {
overflow: auto; overflow: auto;
top: 64px; } top: 64px; }
/* line 255, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 256, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane { .pane .mini-tab.toggle-pane {
top: 5px;
z-index: 2; } z-index: 2; }
/* line 264, ../../../../general/res/sass/user-environ/_layout.scss */ @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
.pane .mini-tab.toggle-pane.toggle-tree.anchor-left { /* line 256, ../../../../general/res/sass/user-environ/_layout.scss */
left: -30px; .pane .mini-tab.toggle-pane {
/* &:hover { top: 5px; }
left: $paneOffset - 2; /* line 262, ../../../../general/res/sass/user-environ/_layout.scss */
}*/ } .pane .mini-tab.toggle-pane.toggle-tree.anchor-left {
/* line 270, ../../../../general/res/sass/user-environ/_layout.scss */ left: -30px; }
.pane .mini-tab.toggle-pane.toggle-tree.anchor-left:after { /* line 265, ../../../../general/res/sass/user-environ/_layout.scss */
content: 'F'; } .pane .mini-tab.toggle-pane.toggle-tree.anchor-left:after {
/* line 274, ../../../../general/res/sass/user-environ/_layout.scss */ content: 'F'; }
.pane .mini-tab.toggle-pane.toggle-inspect.anchor-right { /* line 269, ../../../../general/res/sass/user-environ/_layout.scss */
right: -25px; .pane .mini-tab.toggle-pane.toggle-inspect.anchor-right {
/* &:hover { right: -25px; }
right: $xpos - 2; /* line 272, ../../../../general/res/sass/user-environ/_layout.scss */
}*/ } .pane .mini-tab.toggle-pane.toggle-inspect.anchor-right:after {
/* line 280, ../../../../general/res/sass/user-environ/_layout.scss */ content: '\e608'; } }
.pane .mini-tab.toggle-pane.toggle-inspect.anchor-right:after { /* line 281, ../../../../general/res/sass/user-environ/_layout.scss */
content: 'F'; }
/* line 287, ../../../../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,
@ -3605,31 +3603,31 @@ 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 298, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 292, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.horizontal > .pane { .split-layout.horizontal > .pane {
margin-top: 5px; } margin-top: 5px; }
/* line 301, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 295, ../../../../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 308, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 302, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.vertical > .pane { .split-layout.vertical > .pane {
margin-left: 5px; } margin-left: 5px; }
/* line 311, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 305, ../../../../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 315, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 309, ../../../../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 317, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 311, ../../../../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 325, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 319, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder { .object-holder {
overflow: hidden; overflow: hidden;
top: 34px; } top: 34px; }
/* line 328, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 322, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder > ng-include { .object-holder > ng-include {
overflow: auto; overflow: auto;
position: absolute; position: absolute;
@ -3639,11 +3637,11 @@ span.req {
left: 0; left: 0;
width: auto; width: auto;
height: auto; } height: auto; }
/* line 332, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 326, ../../../../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 338, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 332, ../../../../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,
@ -3655,12 +3653,12 @@ span.req {
line-height: 25px; line-height: 25px;
vertical-align: top; } vertical-align: top; }
/* line 351, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 345, ../../../../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 356, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 350, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar { .object-browse-bar {
overflow: visible; overflow: visible;
position: absolute; position: absolute;
@ -3676,41 +3674,41 @@ span.req {
height: 24px; height: 24px;
line-height: 24px; line-height: 24px;
white-space: nowrap; } white-space: nowrap; }
/* line 364, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 358, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .left { .object-browse-bar .left {
padding-right: 20px; } padding-right: 20px; }
/* line 366, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 360, ../../../../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 374, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 368, ../../../../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 377, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 371, ../../../../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 388, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 382, ../../../../general/res/sass/user-environ/_layout.scss */
.browse-hidetree { .browse-hidetree {
-moz-user-select: -moz-none; -moz-user-select: -moz-none;
-ms-user-select: none; -ms-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; } user-select: none; }
/* line 391, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 385, ../../../../general/res/sass/user-environ/_layout.scss */
.browse-hidetree .pane.left.treeview { .browse-hidetree .pane.left.treeview {
opacity: 0; } opacity: 0; }
/* line 395, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 389, ../../../../general/res/sass/user-environ/_layout.scss */
.browse-hidetree .pane.right-repr { .browse-hidetree .pane.right-repr {
left: 0 !important; } left: 0 !important; }
/* line 402, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 396, ../../../../general/res/sass/user-environ/_layout.scss */
.browse-showtree .pane.left.treeview { .browse-showtree .pane.left.treeview {
-moz-transition-property: opacity; -moz-transition-property: opacity;
-o-transition-property: opacity; -o-transition-property: opacity;
@ -3817,44 +3815,45 @@ span.req {
/* line 97, ../../../../general/res/sass/mobile/_layout.scss */ /* line 97, ../../../../general/res/sass/mobile/_layout.scss */
.toggle-tree { .toggle-tree {
color: #0099cc !important;
font-size: 110%; font-size: 110%;
position: absolute; position: absolute;
top: 12px; top: 12px;
left: 10px; } left: 10px; }
/* line 102, ../../../../general/res/sass/mobile/_layout.scss */ /* line 103, ../../../../general/res/sass/mobile/_layout.scss */
.toggle-tree:before { .toggle-tree:after {
content: 'm' !important; } content: 'm' !important; }
/* line 107, ../../../../general/res/sass/mobile/_layout.scss */ /* line 108, ../../../../general/res/sass/mobile/_layout.scss */
.object-browse-bar { .object-browse-bar {
left: 30px !important; } left: 30px !important; }
/* line 110, ../../../../general/res/sass/mobile/_layout.scss */ /* line 111, ../../../../general/res/sass/mobile/_layout.scss */
.object-browse-bar .context-available { .object-browse-bar .context-available {
opacity: 1 !important; } opacity: 1 !important; }
/* line 113, ../../../../general/res/sass/mobile/_layout.scss */ /* line 114, ../../../../general/res/sass/mobile/_layout.scss */
.object-browse-bar .view-switcher { .object-browse-bar .view-switcher {
margin-right: 0 !important; } margin-right: 0 !important; }
/* line 115, ../../../../general/res/sass/mobile/_layout.scss */ /* line 116, ../../../../general/res/sass/mobile/_layout.scss */
.object-browse-bar .view-switcher .title-label { .object-browse-bar .view-switcher .title-label {
display: none; } display: none; }
/* line 122, ../../../../general/res/sass/mobile/_layout.scss */ /* line 123, ../../../../general/res/sass/mobile/_layout.scss */
.tree-holder { .tree-holder {
overflow-x: hidden !important; } overflow-x: hidden !important; }
/* line 126, ../../../../general/res/sass/mobile/_layout.scss */ /* line 127, ../../../../general/res/sass/mobile/_layout.scss */
.mobile-disable-select { .mobile-disable-select {
-moz-user-select: -moz-none; -moz-user-select: -moz-none;
-ms-user-select: none; -ms-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; } user-select: none; }
/* line 131, ../../../../general/res/sass/mobile/_layout.scss */ /* line 132, ../../../../general/res/sass/mobile/_layout.scss */
.mobile-hide, .mobile-hide,
.mobile-hide-important { .mobile-hide-important {
display: none !important; } display: none !important; }
/* line 136, ../../../../general/res/sass/mobile/_layout.scss */ /* line 137, ../../../../general/res/sass/mobile/_layout.scss */
.mobile-back-hide { .mobile-back-hide {
pointer-events: none; pointer-events: none;
-moz-transition-property: opacity; -moz-transition-property: opacity;
@ -3871,7 +3870,7 @@ span.req {
transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
opacity: 0; } opacity: 0; }
/* line 141, ../../../../general/res/sass/mobile/_layout.scss */ /* line 142, ../../../../general/res/sass/mobile/_layout.scss */
.mobile-back-unhide { .mobile-back-unhide {
pointer-events: all; pointer-events: all;
-moz-transition-property: opacity; -moz-transition-property: opacity;
@ -3888,19 +3887,19 @@ span.req {
transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
opacity: 1; } } opacity: 1; } }
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px) { @media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px) {
/* line 150, ../../../../general/res/sass/mobile/_layout.scss */ /* line 151, ../../../../general/res/sass/mobile/_layout.scss */
.browse-showtree .pane.left.treeview { .browse-showtree .pane.left.treeview {
width: 90% !important; } width: 90% !important; }
/* line 153, ../../../../general/res/sass/mobile/_layout.scss */ /* line 154, ../../../../general/res/sass/mobile/_layout.scss */
.browse-showtree .pane.right-repr { .browse-showtree .pane.right-repr {
left: 0 !important; left: 0 !important;
transform: translateX(90%); transform: translateX(90%);
-webkit-transform: translateX(90%); } -webkit-transform: translateX(90%); }
/* line 156, ../../../../general/res/sass/mobile/_layout.scss */ /* line 157, ../../../../general/res/sass/mobile/_layout.scss */
.browse-showtree .pane.right-repr #content-area { .browse-showtree .pane.right-repr #content-area {
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 164, ../../../../general/res/sass/mobile/_layout.scss */ /* line 165, ../../../../general/res/sass/mobile/_layout.scss */
.desktop-hide { .desktop-hide {
display: none; } } display: none; } }
/***************************************************************************** /*****************************************************************************