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

[Frontend] Fixed mini-tab positioning algorithm

Browse Source 
open #90
This commit is contained in:
Charles Hacskaylo
2015-10-24 17:48:59 -07:00
parent 85809ae1e1
commit 99c977ce9d
5 changed files with 90 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
platform/commonUI/browse/res/templates/browse.html
View File

@@ -22,10 +22,10 @@
<div class="abs holder-all browse-mode" ng-controller="BrowseController"> <div class="abs holder-all browse-mode" ng-controller="BrowseController">
<mct-include key="'topbar-browse'"></mct-include> <mct-include key="'topbar-browse'"></mct-include>
<div class="holder browse-area s-browse-area abs browse-wrapper" <div class="abs holder holder-main browse-area s-browse-area browse-wrapper"
ng-controller="PaneController as modelPaneTree" ng-controller="PaneController as modelPaneTree"
ng-class="modelPaneTree.visible() ? 'pane-tree-showing' : 'pane-tree-hidden'"> ng-class="modelPaneTree.visible() ? 'pane-tree-showing' : 'pane-tree-hidden'">
<mct-split-pane class='contents abs' <mct-split-pane class='abs contents'
anchor='left'> anchor='left'>
<div class='split-pane-component treeview pane left'> <div class='split-pane-component treeview pane left'>
<div class="holder abs l-mobile"> <div class="holder abs l-mobile">
@@ -58,9 +58,11 @@
title="Click to {{ modelPaneTree.visible()? 'hide' : 'show' }} the tree pane" title="Click to {{ modelPaneTree.visible()? 'hide' : 'show' }} the tree pane"
ng-click="modelPaneTree.toggle()" ng-click="modelPaneTree.toggle()"
ng-class="{ collapsed : !modelPaneTree.visible() }"></a> ng-class="{ collapsed : !modelPaneTree.visible() }"></a>
<div class='holder abs l-mobile' id='content-area'
<div class='holder holder-object-and-inspector abs l-mobile' id='content-area'
ng-controller="PaneController as modelPaneInspect" ng-controller="PaneController as modelPaneInspect"
ng-class="modelPaneInspect.visible() ? 'pane-inspect-showing' : 'pane-inspect-hidden'"> ng-class="modelPaneInspect.visible() ? 'pane-inspect-showing' : 'pane-inspect-hidden'">
<mct-split-pane class='l-object-and-inspector contents abs' anchor='right'> <mct-split-pane class='l-object-and-inspector contents abs' anchor='right'>
<div class='split-pane-component t-object pane primary-pane left'> <div class='split-pane-component t-object pane primary-pane left'>
<a class="mini-tab anchor-right mobile-hide toggle-pane toggle-inspect" <a class="mini-tab anchor-right mobile-hide toggle-pane toggle-inspect"

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

@@ -98,6 +98,7 @@
left: $bodyMargin; left: $bodyMargin;
&:after { &:after {
content:'m' !important; content:'m' !important;
font-family: symbolsfont;
} }
} }

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

@@ -246,7 +246,7 @@
.primary-pane { .primary-pane {
// Need to lift up this pane to ensure that 'collapsed' panes don't block user interactions // Need to lift up this pane to ensure that 'collapsed' panes don't block user interactions
z-index: 5; z-index: 2;
} }
&.treeview.left { &.treeview.left {
@@ -272,7 +272,7 @@
//@include test(blue, 0.6); //@include test(blue, 0.6);
$paneOffset: -2 * $splitterD; $paneOffset: -2 * $splitterD;
$paneCollapsedOffset: $bodyMargin + $ueCollapsedPaneEdgeM; $paneCollapsedOffset: $bodyMargin + $ueCollapsedPaneEdgeM;
z-index: 2; z-index: 5;
@include desktop { @include desktop {
&.toggle-tree.anchor-left { &.toggle-tree.anchor-left {
//@include test(green); //@include test(green);
@@ -403,9 +403,6 @@
opacity: 0; opacity: 0;
} }
// Sets the right representation when the tree is hidden. // Sets the right representation when the tree is hidden.
.pane.right.items {
left: $ueCollapsedPaneEdgeM !important;
}
} }
.pane-tree-showing { .pane-tree-showing {
@@ -432,13 +429,17 @@
.splitter-inspect { .splitter-inspect {
opacity: 0; opacity: 0;
} }
.pane.left {
right: $ueCollapsedPaneEdgeM !important;
}
} }
} }
@include desktop { @include desktop {
.pane-tree-hidden {
.pane.right.primary-pane { left: $ueCollapsedPaneEdgeM !important; }
}
.pane-inspect-hidden .l-object-and-inspector {
.pane.left { right: $ueCollapsedPaneEdgeM !important; }
}
.pane:not(.resizing) { .pane:not(.resizing) {
@include trans-prop-nice-resize-w(250ms); @include trans-prop-nice-resize-w(250ms);
} }

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

@@ -922,6 +922,9 @@ mct-container {
/* line 44, ../../../../general/res/sass/helpers/_splitter.scss */ /* line 44, ../../../../general/res/sass/helpers/_splitter.scss */
.splitter:active:after { .splitter:active:after {
background: #0099cc; } background: #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 57, ../../../../general/res/sass/helpers/_splitter.scss */
.split-layout.horizontal { .split-layout.horizontal {
@@ -941,11 +944,11 @@ mct-container {
cursor: row-resize; cursor: row-resize;
left: 0; left: 0;
right: 0; right: 0;
height: 12px; } height: 19px; }
/* line 75, ../../../../general/res/sass/helpers/_splitter.scss */ /* line 75, ../../../../general/res/sass/helpers/_splitter.scss */
.split-layout.horizontal > .splitter:after { .split-layout.horizontal > .splitter:after {
top: 3px; top: 8px;
bottom: 3px; } bottom: 8px; }
/* line 83, ../../../../general/res/sass/helpers/_splitter.scss */ /* line 83, ../../../../general/res/sass/helpers/_splitter.scss */
.split-layout.vertical .pane { .split-layout.vertical .pane {
top: 0; top: 0;
@@ -961,11 +964,11 @@ mct-container {
cursor: col-resize; cursor: col-resize;
top: 0; top: 0;
bottom: 0; bottom: 0;
width: 12px; } width: 19px; }
/* line 98, ../../../../general/res/sass/helpers/_splitter.scss */ /* line 98, ../../../../general/res/sass/helpers/_splitter.scss */
.split-layout.vertical > .splitter:after { .split-layout.vertical > .splitter:after {
left: 3px; left: 8px;
right: 3px; } right: 8px; }
/* line 105, ../../../../general/res/sass/helpers/_splitter.scss */ /* line 105, ../../../../general/res/sass/helpers/_splitter.scss */
.browse-area .splitter { .browse-area .splitter {
@@ -3870,7 +3873,7 @@ span.req {
margin-bottom: 5px; } margin-bottom: 5px; }
/* line 247, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 247, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .primary-pane { .pane .primary-pane {
z-index: 5; } z-index: 2; }
/* line 253, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 253, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .create-btn-holder { .pane.treeview.left .create-btn-holder {
bottom: auto; bottom: auto;
@@ -3889,15 +3892,15 @@ span.req {
top: 64px; } top: 64px; }
/* line 271, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 271, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane { .pane .mini-tab.toggle-pane {
z-index: 2; } 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 277, ../../../../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(-24px); -moz-transform: translateX(-38px);
-ms-transform: translateX(-24px); -ms-transform: translateX(-38px);
-webkit-transform: translateX(-24px); -webkit-transform: translateX(-38px);
transform: translateX(-24px); } transform: translateX(-38px); }
/* line 281, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 281, ../../../../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'; }
@@ -3910,10 +3913,10 @@ span.req {
/* line 286, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 286, ../../../../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(24px); -moz-transform: translateX(38px);
-ms-transform: translateX(24px); -ms-transform: translateX(38px);
-webkit-transform: translateX(24px); -webkit-transform: translateX(38px);
transform: translateX(24px); } transform: translateX(38px); }
/* line 290, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 290, ../../../../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'; }
@@ -4029,11 +4032,8 @@ span.req {
.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 406, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .pane.right.items {
left: 10px !important; }
/* line 413, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 410, ../../../../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 +4054,7 @@ span.req {
transition-delay: 250ms; transition-delay: 250ms;
opacity: 1; } opacity: 1; }
/* line 422, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 419, ../../../../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,16 +4075,21 @@ span.req {
transition-delay: 250ms; transition-delay: 250ms;
opacity: 1; } opacity: 1; }
/* line 431, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 428, ../../../../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; }
/* line 435, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-hidden .l-object-and-inspector .pane.left {
right: 10px !important; }
@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 442, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 437, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .pane.right.primary-pane {
left: 10px !important; }
/* line 440, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-hidden .l-object-and-inspector .pane.left {
right: 10px !important; }
/* line 443, ../../../../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;
@@ -4200,38 +4205,39 @@ span.req {
left: 10px; } left: 10px; }
/* line 99, ../../../../general/res/sass/mobile/_layout.scss */ /* line 99, ../../../../general/res/sass/mobile/_layout.scss */
.toggle-tree:after { .toggle-tree:after {
content: 'm' !important; } content: 'm' !important;
font-family: symbolsfont; }
/* line 104, ../../../../general/res/sass/mobile/_layout.scss */ /* line 105, ../../../../general/res/sass/mobile/_layout.scss */
.object-browse-bar { .object-browse-bar {
left: 30px !important; } left: 30px !important; }
/* line 107, ../../../../general/res/sass/mobile/_layout.scss */ /* line 108, ../../../../general/res/sass/mobile/_layout.scss */
.object-browse-bar .context-available { .object-browse-bar .context-available {
opacity: 1 !important; } opacity: 1 !important; }
/* line 110, ../../../../general/res/sass/mobile/_layout.scss */ /* line 111, ../../../../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 112, ../../../../general/res/sass/mobile/_layout.scss */ /* line 113, ../../../../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 119, ../../../../general/res/sass/mobile/_layout.scss */ /* line 120, ../../../../general/res/sass/mobile/_layout.scss */
.tree-holder { .tree-holder {
overflow-x: hidden !important; } overflow-x: hidden !important; }
/* line 123, ../../../../general/res/sass/mobile/_layout.scss */ /* line 124, ../../../../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 128, ../../../../general/res/sass/mobile/_layout.scss */ /* line 129, ../../../../general/res/sass/mobile/_layout.scss */
.mobile-hide, .mobile-hide,
.mobile-hide-important { .mobile-hide-important {
display: none !important; } display: none !important; }
/* line 133, ../../../../general/res/sass/mobile/_layout.scss */ /* line 134, ../../../../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;
@@ -4252,7 +4258,7 @@ span.req {
transition-delay: 0; transition-delay: 0;
opacity: 0; } opacity: 0; }
/* line 138, ../../../../general/res/sass/mobile/_layout.scss */ /* line 139, ../../../../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;
@@ -4273,21 +4279,21 @@ span.req {
transition-delay: 0; transition-delay: 0;
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 147, ../../../../general/res/sass/mobile/_layout.scss */ /* line 148, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.left.treeview { .pane-tree-showing .pane.left.treeview {
width: 90% !important; } width: 90% !important; }
/* line 150, ../../../../general/res/sass/mobile/_layout.scss */ /* line 151, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.right.items { .pane-tree-showing .pane.right.items {
left: 0 !important; left: 0 !important;
-moz-transform: translateX(90%); -moz-transform: translateX(90%);
-ms-transform: translateX(90%); -ms-transform: translateX(90%);
-webkit-transform: translateX(90%); -webkit-transform: translateX(90%);
transform: translateX(90%); } transform: translateX(90%); }
/* line 153, ../../../../general/res/sass/mobile/_layout.scss */ /* line 154, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.right.items #content-area { .pane-tree-showing .pane.right.items #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 161, ../../../../general/res/sass/mobile/_layout.scss */ /* line 162, ../../../../general/res/sass/mobile/_layout.scss */
.desktop-hide { .desktop-hide {
display: none; } } display: none; } }
/***************************************************************************** /*****************************************************************************

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

@@ -3811,7 +3811,7 @@ span.req {
margin-bottom: 5px; } margin-bottom: 5px; }
/* line 247, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 247, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .primary-pane { .pane .primary-pane {
z-index: 5; } z-index: 2; }
/* line 253, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 253, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .create-btn-holder { .pane.treeview.left .create-btn-holder {
bottom: auto; bottom: auto;
@@ -3830,7 +3830,7 @@ span.req {
top: 64px; } top: 64px; }
/* line 271, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 271, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane { .pane .mini-tab.toggle-pane {
z-index: 2; } 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 277, ../../../../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 {
@@ -3970,11 +3970,8 @@ span.req {
.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 406, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .pane.right.items {
left: 10px !important; }
/* line 413, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 410, ../../../../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;
@@ -3995,7 +3992,7 @@ span.req {
transition-delay: 250ms; transition-delay: 250ms;
opacity: 1; } opacity: 1; }
/* line 422, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 419, ../../../../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;
@@ -4016,16 +4013,21 @@ span.req {
transition-delay: 250ms; transition-delay: 250ms;
opacity: 1; } opacity: 1; }
/* line 431, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 428, ../../../../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; }
/* line 435, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-hidden .l-object-and-inspector .pane.left {
right: 10px !important; }
@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 442, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 437, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .pane.right.primary-pane {
left: 10px !important; }
/* line 440, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-hidden .l-object-and-inspector .pane.left {
right: 10px !important; }
/* line 443, ../../../../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;
@@ -4141,38 +4143,39 @@ span.req {
left: 10px; } left: 10px; }
/* line 99, ../../../../general/res/sass/mobile/_layout.scss */ /* line 99, ../../../../general/res/sass/mobile/_layout.scss */
.toggle-tree:after { .toggle-tree:after {
content: 'm' !important; } content: 'm' !important;
font-family: symbolsfont; }
/* line 104, ../../../../general/res/sass/mobile/_layout.scss */ /* line 105, ../../../../general/res/sass/mobile/_layout.scss */
.object-browse-bar { .object-browse-bar {
left: 30px !important; } left: 30px !important; }
/* line 107, ../../../../general/res/sass/mobile/_layout.scss */ /* line 108, ../../../../general/res/sass/mobile/_layout.scss */
.object-browse-bar .context-available { .object-browse-bar .context-available {
opacity: 1 !important; } opacity: 1 !important; }
/* line 110, ../../../../general/res/sass/mobile/_layout.scss */ /* line 111, ../../../../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 112, ../../../../general/res/sass/mobile/_layout.scss */ /* line 113, ../../../../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 119, ../../../../general/res/sass/mobile/_layout.scss */ /* line 120, ../../../../general/res/sass/mobile/_layout.scss */
.tree-holder { .tree-holder {
overflow-x: hidden !important; } overflow-x: hidden !important; }
/* line 123, ../../../../general/res/sass/mobile/_layout.scss */ /* line 124, ../../../../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 128, ../../../../general/res/sass/mobile/_layout.scss */ /* line 129, ../../../../general/res/sass/mobile/_layout.scss */
.mobile-hide, .mobile-hide,
.mobile-hide-important { .mobile-hide-important {
display: none !important; } display: none !important; }
/* line 133, ../../../../general/res/sass/mobile/_layout.scss */ /* line 134, ../../../../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;
@@ -4193,7 +4196,7 @@ span.req {
transition-delay: 0; transition-delay: 0;
opacity: 0; } opacity: 0; }
/* line 138, ../../../../general/res/sass/mobile/_layout.scss */ /* line 139, ../../../../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;
@@ -4214,21 +4217,21 @@ span.req {
transition-delay: 0; transition-delay: 0;
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 147, ../../../../general/res/sass/mobile/_layout.scss */ /* line 148, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.left.treeview { .pane-tree-showing .pane.left.treeview {
width: 90% !important; } width: 90% !important; }
/* line 150, ../../../../general/res/sass/mobile/_layout.scss */ /* line 151, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.right.items { .pane-tree-showing .pane.right.items {
left: 0 !important; left: 0 !important;
-moz-transform: translateX(90%); -moz-transform: translateX(90%);
-ms-transform: translateX(90%); -ms-transform: translateX(90%);
-webkit-transform: translateX(90%); -webkit-transform: translateX(90%);
transform: translateX(90%); } transform: translateX(90%); }
/* line 153, ../../../../general/res/sass/mobile/_layout.scss */ /* line 154, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.right.items #content-area { .pane-tree-showing .pane.right.items #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 161, ../../../../general/res/sass/mobile/_layout.scss */ /* line 162, ../../../../general/res/sass/mobile/_layout.scss */
.desktop-hide { .desktop-hide {
display: none; } } display: none; } }
/***************************************************************************** /*****************************************************************************