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

open #90
Refined positioning of .mini-tab elements when
panes are collapsed;
This commit is contained in:
Charles Hacskaylo 2015-10-22 19:26:59 -07:00
parent 3687cc5edd
commit 57f11a9767
7 changed files with 269 additions and 196 deletions

View File

@ -48,7 +48,8 @@
class="abs object-holder">
</mct-representation>
<a class="mini-tab anchor-right mobile-hide toggle-pane toggle-inspect"
ng-click="ngModel.toggle()"></a>
ng-click="ngModel.toggle()"
ng-class="{ collapsed : !ngModel.visible() }"></a>
</div><!--/ t-object -->
<mct-splitter class="mobile-hide" ng-class="{ hidden: !ngModel.visible()}"></mct-splitter>

View File

@ -24,7 +24,7 @@
<mct-include key="'topbar-browse'"></mct-include>
<div class="holder browse-area s-browse-area abs browse-wrapper"
ng-controller="PaneController as modelPaneTree"
ng-class="modelPaneTree.visible() ? 'browse-showtree' : 'browse-hidetree'">
ng-class="modelPaneTree.visible() ? 'pane-tree-showing' : 'pane-tree-hidden'">
<mct-split-pane class='contents abs'
anchor='left'>
<div class='split-pane-component treeview pane left'>
@ -54,7 +54,7 @@
<mct-splitter class="mobile-hide" ng-class="{ hidden: !modelPaneTree.visible()}"></mct-splitter>
<div class='split-pane-component items pane right-repr'>
<a class="mini-tab anchor-left toggle-pane toggle-tree" ng-click="modelPaneTree.toggle()"></a>
<a class="mini-tab anchor-left toggle-pane toggle-tree" ng-click="modelPaneTree.toggle()" ng-class="{ collapsed : !modelPaneTree.visible() }"></a>
<div class='holder abs l-mobile' id='content-area' ng-controller="PaneController as modelPaneInspect">
<mct-representation mct-object="navigatedObject"
key="'browse-object'"

View File

@ -109,6 +109,12 @@ $pad: $interiorMargin * $baseRatio;
//@include test(green);
$iconD: 12px;
$arwD: 7px;
$arwOffsetX: 1px;
$arwAnimOffsetX: 3px;
$arwToLeftAnimX: -1 * $arwAnimOffsetX;
$arwToRightAnimX: $arwAnimOffsetX;
$arwToLeftX: ($arwOffsetX + $arwD) * -1;
$arwToRightX: $iconD + $arwOffsetX;
$c: pullForward($colorBodyBg, 15%);
color: $c;
cursor: pointer;
@ -148,21 +154,41 @@ $pad: $interiorMargin * $baseRatio;
&.anchor-left {
// < []
$xpos: (1px + $arwD) * -1;
$xpos: $arwToLeftX;
&:before {
content:'\3c';
left: $xpos;
}
&:hover:before { left: $xpos - 3; }
&:hover:before { left: $xpos + $arwToLeftAnimX; }
&.collapsed {
$xpos: $arwToRightX;
&:before {
content:'\3e';
left: $xpos;
}
&:hover:before { left: $xpos + $arwToRightAnimX; }
}
}
&.anchor-right {
// [] >
$xpos: $iconD + 2px;
$xpos: $arwToRightX;
&:before {
content:'\3e';
left: $xpos;
}
&:hover:before { left: $xpos + 3; }
&:hover:before { left: $xpos + $arwToRightAnimX; }
&.collapsed {
$xpos: $arwToLeftX;
&:before {
content:'\3c';
left: $xpos;
}
&:hover:before { left: $xpos + $arwToLeftAnimX; }
}
}
&.collapsed {
// State when the pane this element controls has been collapsed
}
}
}

View File

@ -59,7 +59,7 @@
// When the tree is hidden, these are the
// classes used for the left menu and the
// right representation.
.browse-hidetree {
.pane-tree-hidden {
// Sets the left tree menu when the tree
// is hidden.
.pane.left.treeview {
@ -70,7 +70,7 @@
}
}
.browse-showtree {
.pane-tree-showing {
// NOTE: DISABLED SELECTION
// Selection disabled in both panes
// causing cut/copy/paste menu to
@ -143,7 +143,7 @@
}
@include phonePortrait {
.browse-showtree {
.pane-tree-showing {
.pane.left.treeview {
width: $proporMenuOnly !important;
}

View File

@ -265,6 +265,9 @@
&:after {
content: 'F';
}
&.collapsed {
left: -1 * $bodyMargin;
}
}
&.toggle-inspect.anchor-right {
$xpos: $paneOffset + $interiorMargin;
@ -272,6 +275,9 @@
&:after {
content: '\e608';
}
&.collapsed {
right: -1 * $interiorMargin;
}
}
}
}
@ -379,7 +385,7 @@
// When the tree is hidden, these are the
// classes used for the left menu and the
// right representation.
.browse-hidetree {
.pane-tree-hidden {
@include user-select(none);
// Sets the left tree menu when the tree is hidden.
.pane.left.treeview {
@ -391,7 +397,7 @@
}
}
.browse-showtree {
.pane-tree-showing {
// Sets the left tree menu when the tree is shown.
.pane.left.treeview {
@include trans-prop-nice(opacity, .4s);

View File

@ -1377,14 +1377,14 @@ mct-container {
-webkit-transition: background, 0.25s;
transition: background, 0.25s;
text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; }
/* line 274, ../../../../general/res/sass/_mixins.scss */
/* line 269, ../../../../general/res/sass/_mixins.scss */
.s-btn.major .icon, .major.s-menu-btn .icon {
color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 279, ../../../../general/res/sass/_mixins.scss */
/* line 274, ../../../../general/res/sass/_mixins.scss */
.s-btn.major:not(.disabled):hover, .major.s-menu-btn:not(.disabled):hover {
background: linear-gradient(#1ac6ff, #00bfff); }
/* line 281, ../../../../general/res/sass/_mixins.scss */
/* line 276, ../../../../general/res/sass/_mixins.scss */
.s-btn.major:not(.disabled):hover > .icon, .major.s-menu-btn:not(.disabled):hover > .icon {
color: white; } }
/* line 66, ../../../../general/res/sass/controls/_buttons.scss */
@ -1416,14 +1416,14 @@ mct-container {
-webkit-transition: background, 0.25s;
transition: background, 0.25s;
text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; }
/* line 274, ../../../../general/res/sass/_mixins.scss */
/* line 269, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major) .icon, .s-menu-btn:not(.major) .icon {
color: #0099cc; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 279, ../../../../general/res/sass/_mixins.scss */
/* line 274, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major):not(.disabled):hover, .s-menu-btn:not(.major):not(.disabled):hover {
background: linear-gradient(#6b6b6b, #5e5e5e); }
/* line 281, ../../../../general/res/sass/_mixins.scss */
/* line 276, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major):not(.disabled):hover > .icon, .s-menu-btn:not(.major):not(.disabled):hover > .icon {
color: #33ccff; } }
/* line 75, ../../../../general/res/sass/controls/_buttons.scss */
@ -1458,14 +1458,14 @@ mct-container {
-webkit-transition: background, 0.25s;
transition: background, 0.25s;
text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; }
/* line 274, ../../../../general/res/sass/_mixins.scss */
/* line 269, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused .icon, .pause-play.paused.s-menu-btn .icon {
color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 279, ../../../../general/res/sass/_mixins.scss */
/* line 274, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu-btn:not(.disabled):hover {
background: linear-gradient(#fe9815, #f88c01); }
/* line 281, ../../../../general/res/sass/_mixins.scss */
/* line 276, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused:not(.disabled):hover > .icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .icon {
color: white; } }
/* line 80, ../../../../general/res/sass/controls/_buttons.scss */
@ -1522,13 +1522,13 @@ mct-container {
line-height: 12px;
height: 12px;
width: 12px; }
/* line 121, ../../../../general/res/sass/controls/_buttons.scss */
/* line 127, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab:hover {
color: #8c8c8c; }
/* line 123, ../../../../general/res/sass/controls/_buttons.scss */
/* line 129, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab:hover:after {
color: #0099cc; }
/* line 128, ../../../../general/res/sass/controls/_buttons.scss */
/* line 134, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab:before, .mini-tab:after {
-moz-transition-property: color;
-o-transition-property: color;
@ -1544,7 +1544,7 @@ mct-container {
transition-timing-function: ease-in-out;
display: block;
position: absolute; }
/* line 135, ../../../../general/res/sass/controls/_buttons.scss */
/* line 141, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab:before {
-moz-transition-property: left;
-o-transition-property: left;
@ -1561,35 +1561,49 @@ mct-container {
font-size: 7px;
height: 100%;
width: 7px; }
/* line 142, ../../../../general/res/sass/controls/_buttons.scss */
/* line 148, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab:after {
width: 100%;
height: 100%; }
/* line 152, ../../../../general/res/sass/controls/_buttons.scss */
/* line 158, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-left:before {
content: '\3c';
left: -8px; }
/* line 156, ../../../../general/res/sass/controls/_buttons.scss */
/* line 162, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-left:hover:before {
left: -11px; }
/* line 161, ../../../../general/res/sass/controls/_buttons.scss */
/* line 165, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-left.collapsed:before {
content: '\3e';
left: 13px; }
/* line 169, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-left.collapsed:hover:before {
left: 16px; }
/* line 175, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-right:before {
content: '\3e';
left: 14px; }
/* line 165, ../../../../general/res/sass/controls/_buttons.scss */
left: 13px; }
/* line 179, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-right:hover:before {
left: 17px; } }
left: 16px; }
/* line 182, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-right.collapsed:before {
content: '\3c';
left: -8px; }
/* line 186, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-right.collapsed:hover:before {
left: -11px; } }
/* line 170, ../../../../general/res/sass/controls/_buttons.scss */
/* line 196, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set {
font-size: 0; }
/* line 176, ../../../../general/res/sass/controls/_buttons.scss */
/* line 202, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .s-btn, .l-btn-set .s-menu-btn {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
margin-left: 1px; }
/* line 182, ../../../../general/res/sass/controls/_buttons.scss */
/* line 208, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .first .s-btn, .l-btn-set .first .s-menu-btn {
-moz-border-radius-topleft: 3px;
-webkit-border-top-left-radius: 3px;
@ -1598,7 +1612,7 @@ mct-container {
-webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
margin-left: 0; }
/* line 189, ../../../../general/res/sass/controls/_buttons.scss */
/* line 215, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .last .s-btn, .l-btn-set .last .s-menu-btn {
-moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px;
@ -1607,7 +1621,7 @@ mct-container {
-webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px; }
/* line 196, ../../../../general/res/sass/controls/_buttons.scss */
/* line 222, ../../../../general/res/sass/controls/_buttons.scss */
.paused:not(.s-btn):not(.s-menu-btn) {
border-color: #c56f01 !important;
color: #c56f01 !important; }
@ -2331,7 +2345,7 @@ label.checkbox.custom {
.menu ul {
margin: 0;
padding: 0; }
/* line 331, ../../../../general/res/sass/_mixins.scss */
/* line 326, ../../../../general/res/sass/_mixins.scss */
.menu ul li {
list-style-type: none;
margin: 0;
@ -2885,7 +2899,7 @@ mct-include.l-time-controller {
padding: 0 3px;
position: relative;
height: 150px; }
/* line 298, ../../../../general/res/sass/_mixins.scss */
/* line 293, ../../../../general/res/sass/_mixins.scss */
.form .form-row .selector-list.error {
background: rgba(255, 0, 0, 0.5); }
/* line 124, ../../../../general/res/sass/forms/_elems.scss */
@ -2942,7 +2956,7 @@ input[type="text"] {
color: #cccccc;
outline: none;
padding: 0 3px; }
/* line 298, ../../../../general/res/sass/_mixins.scss */
/* line 293, ../../../../general/res/sass/_mixins.scss */
input[type="text"].error {
background: rgba(255, 0, 0, 0.5); }
/* line 172, ../../../../general/res/sass/forms/_elems.scss */
@ -2970,7 +2984,7 @@ textarea {
position: absolute;
height: 100%;
width: 100%; }
/* line 298, ../../../../general/res/sass/_mixins.scss */
/* line 293, ../../../../general/res/sass/_mixins.scss */
textarea.error {
background: rgba(255, 0, 0, 0.5); }
@ -3029,14 +3043,14 @@ textarea {
overflow: hidden;
position: relative;
line-height: 22px; }
/* line 274, ../../../../general/res/sass/_mixins.scss */
/* line 269, ../../../../general/res/sass/_mixins.scss */
.select .icon {
color: #0099cc; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 279, ../../../../general/res/sass/_mixins.scss */
/* line 274, ../../../../general/res/sass/_mixins.scss */
.select:not(.disabled):hover {
background: linear-gradient(#6b6b6b, #5e5e5e); }
/* line 281, ../../../../general/res/sass/_mixins.scss */
/* line 276, ../../../../general/res/sass/_mixins.scss */
.select:not(.disabled):hover > .icon {
color: #33ccff; } }
/* line 31, ../../../../general/res/sass/forms/_selects.scss */
@ -3118,7 +3132,7 @@ textarea {
max-height: 400px;
overflow: auto;
padding: 5px; }
/* line 298, ../../../../general/res/sass/_mixins.scss */
/* line 293, ../../../../general/res/sass/_mixins.scss */
.channel-selector .treeview.error {
background: rgba(255, 0, 0, 0.5); }
/* line 36, ../../../../general/res/sass/forms/_channel-selector.scss */
@ -3284,7 +3298,7 @@ span.req {
padding: 0 3px;
background: #3b3b3b;
border-bottom: 1px solid #4d4d4d; }
/* line 298, ../../../../general/res/sass/_mixins.scss */
/* line 293, ../../../../general/res/sass/_mixins.scss */
.filter input.filter.error,
.filter input.t-filter-input.error,
.t-filter input.filter.error,
@ -3637,13 +3651,19 @@ span.req {
/* line 265, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-tree.anchor-left:after {
content: 'F'; }
/* line 269, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 268, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-tree.anchor-left.collapsed {
left: -10px; }
/* line 272, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-inspect.anchor-right {
right: -25px; }
/* line 272, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 275, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-inspect.anchor-right:after {
content: '\e608'; } }
/* line 281, ../../../../general/res/sass/user-environ/_layout.scss */
content: '\e608'; }
/* line 278, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-inspect.anchor-right.collapsed {
right: -5px; } }
/* 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 .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,
@ -3656,31 +3676,31 @@ span.req {
.s-menu-btn .pane.items .object-browse-bar span.right.l-click-area {
top: auto; }
/* line 292, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 298, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.horizontal > .pane {
margin-top: 5px; }
/* line 295, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 301, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.horizontal > .pane:first-child {
margin-top: 0; }
/* line 302, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 308, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.vertical > .pane {
margin-left: 5px; }
/* line 305, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 311, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.vertical > .pane > .holder {
left: 0;
right: 0; }
/* line 309, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 315, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.vertical > .pane:first-child {
margin-left: 0; }
/* line 311, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 317, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.vertical > .pane:first-child .holder {
right: 3px; }
/* line 319, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 325, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder {
overflow: hidden;
top: 34px; }
/* line 322, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 328, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder > ng-include {
overflow: auto;
position: absolute;
@ -3690,11 +3710,11 @@ span.req {
left: 0;
width: auto;
height: auto; }
/* line 326, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 332, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder.l-controls-visible.l-time-controller-visible {
bottom: 88px; }
/* line 332, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 338, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .s-btn, .object-browse-bar .s-menu-btn,
.top-bar .buttons-main .s-btn,
.top-bar .buttons-main .s-menu-btn,
@ -3706,12 +3726,12 @@ span.req {
line-height: 25px;
vertical-align: top; }
/* line 345, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 351, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .view-switcher,
.top-bar .view-switcher {
margin-right: 20px; }
/* line 350, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 356, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar {
overflow: visible;
position: absolute;
@ -3727,42 +3747,42 @@ span.req {
height: 24px;
line-height: 24px;
white-space: nowrap; }
/* line 358, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 364, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .left {
padding-right: 20px; }
/* line 360, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 366, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .left .l-back {
display: inline-block;
float: left;
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 */
/* line 377, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex .left {
flex: 1 1 0;
-webkit-flex: 1 1 0;
padding-right: 10px; }
/* line 382, ../../../../general/res/sass/user-environ/_layout.scss */
.browse-hidetree {
/* line 388, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden {
-moz-user-select: -moz-none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none; }
/* line 385, ../../../../general/res/sass/user-environ/_layout.scss */
.browse-hidetree .pane.left.treeview {
/* line 391, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .pane.left.treeview {
opacity: 0; }
/* line 389, ../../../../general/res/sass/user-environ/_layout.scss */
.browse-hidetree .pane.right-repr {
/* line 395, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .pane.right-repr {
left: 0 !important; }
/* line 396, ../../../../general/res/sass/user-environ/_layout.scss */
.browse-showtree .pane.left.treeview {
/* line 402, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-showing .pane.left.treeview {
-moz-transition-property: opacity;
-o-transition-property: opacity;
-webkit-transition-property: opacity;
@ -3847,14 +3867,14 @@ span.req {
left: 10px !important; }
/* line 65, ../../../../general/res/sass/mobile/_layout.scss */
.browse-hidetree .pane.left.treeview {
.pane-tree-hidden .pane.left.treeview {
right: 100% !important;
width: auto !important;
overflow-y: hidden;
overflow-x: hidden; }
/* line 82, ../../../../general/res/sass/mobile/_layout.scss */
.browse-showtree .pane.left.treeview {
.pane-tree-showing .pane.left.treeview {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSI5OCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.3) 100%);
@ -3862,51 +3882,51 @@ span.req {
background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.3) 100%);
right: auto !important;
width: 40% !important; }
/* line 92, ../../../../general/res/sass/mobile/_layout.scss */
.browse-showtree .pane.right-repr {
/* line 88, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.right-repr {
left: 40% !important; }
/* line 97, ../../../../general/res/sass/mobile/_layout.scss */
/* line 93, ../../../../general/res/sass/mobile/_layout.scss */
.toggle-tree {
color: #0099cc !important;
font-size: 110%;
position: absolute;
top: 12px;
left: 10px; }
/* line 103, ../../../../general/res/sass/mobile/_layout.scss */
/* line 99, ../../../../general/res/sass/mobile/_layout.scss */
.toggle-tree:after {
content: 'm' !important; }
/* line 108, ../../../../general/res/sass/mobile/_layout.scss */
/* line 104, ../../../../general/res/sass/mobile/_layout.scss */
.object-browse-bar {
left: 30px !important; }
/* line 111, ../../../../general/res/sass/mobile/_layout.scss */
/* line 107, ../../../../general/res/sass/mobile/_layout.scss */
.object-browse-bar .context-available {
opacity: 1 !important; }
/* line 114, ../../../../general/res/sass/mobile/_layout.scss */
/* line 110, ../../../../general/res/sass/mobile/_layout.scss */
.object-browse-bar .view-switcher {
margin-right: 0 !important; }
/* line 116, ../../../../general/res/sass/mobile/_layout.scss */
/* line 112, ../../../../general/res/sass/mobile/_layout.scss */
.object-browse-bar .view-switcher .title-label {
display: none; }
/* line 123, ../../../../general/res/sass/mobile/_layout.scss */
/* line 119, ../../../../general/res/sass/mobile/_layout.scss */
.tree-holder {
overflow-x: hidden !important; }
/* line 127, ../../../../general/res/sass/mobile/_layout.scss */
/* line 123, ../../../../general/res/sass/mobile/_layout.scss */
.mobile-disable-select {
-moz-user-select: -moz-none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none; }
/* line 132, ../../../../general/res/sass/mobile/_layout.scss */
/* line 128, ../../../../general/res/sass/mobile/_layout.scss */
.mobile-hide,
.mobile-hide-important {
display: none !important; }
/* line 137, ../../../../general/res/sass/mobile/_layout.scss */
/* line 133, ../../../../general/res/sass/mobile/_layout.scss */
.mobile-back-hide {
pointer-events: none;
-moz-transition-property: opacity;
@ -3923,7 +3943,7 @@ span.req {
transition-timing-function: ease-in-out;
opacity: 0; }
/* line 142, ../../../../general/res/sass/mobile/_layout.scss */
/* line 138, ../../../../general/res/sass/mobile/_layout.scss */
.mobile-back-unhide {
pointer-events: all;
-moz-transition-property: opacity;
@ -3940,19 +3960,19 @@ span.req {
transition-timing-function: ease-in-out;
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) {
/* line 151, ../../../../general/res/sass/mobile/_layout.scss */
.browse-showtree .pane.left.treeview {
/* line 147, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.left.treeview {
width: 90% !important; }
/* line 154, ../../../../general/res/sass/mobile/_layout.scss */
.browse-showtree .pane.right-repr {
/* line 150, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.right-repr {
left: 0 !important;
transform: translateX(90%);
-webkit-transform: translateX(90%); }
/* line 157, ../../../../general/res/sass/mobile/_layout.scss */
.browse-showtree .pane.right-repr #content-area {
/* line 153, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.right-repr #content-area {
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) {
/* line 165, ../../../../general/res/sass/mobile/_layout.scss */
/* line 161, ../../../../general/res/sass/mobile/_layout.scss */
.desktop-hide {
display: none; } }
/*****************************************************************************
@ -4393,14 +4413,14 @@ span.req {
-webkit-transition: background, 0.25s;
transition: background, 0.25s;
text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; }
/* line 274, ../../../../general/res/sass/_mixins.scss */
/* line 269, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major) .icon, .overlay .bottom-bar .s-menu-btn:not(.major) .icon {
color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 279, ../../../../general/res/sass/_mixins.scss */
/* line 274, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover {
background: linear-gradient(#a6a6a6, #999999); }
/* line 281, ../../../../general/res/sass/_mixins.scss */
/* line 276, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover > .icon {
color: white; } }
/* line 85, ../../../../general/res/sass/overlay/_overlay.scss */
@ -4485,7 +4505,7 @@ ul.tree {
-ms-user-select: none;
-webkit-user-select: none;
user-select: none; }
/* line 331, ../../../../general/res/sass/_mixins.scss */
/* line 326, ../../../../general/res/sass/_mixins.scss */
ul.tree li {
list-style-type: none;
margin: 0;
@ -5753,14 +5773,14 @@ table {
margin-bottom: 3px;
margin-right: 3px;
position: relative; }
/* line 274, ../../../../general/res/sass/_mixins.scss */
/* line 269, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item .icon {
color: #0099cc; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 279, ../../../../general/res/sass/_mixins.scss */
/* line 274, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item:not(.disabled):hover {
background: linear-gradient(#666666, #595959); }
/* line 281, ../../../../general/res/sass/_mixins.scss */
/* line 276, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item:not(.disabled):hover > .icon {
color: #33ccff; } }
/* line 45, ../../../../general/res/sass/items/_item.scss */
@ -5895,14 +5915,14 @@ table {
transition: background, 0.25s;
text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px;
color: #80dfff; }
/* line 274, ../../../../general/res/sass/_mixins.scss */
/* line 269, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item.selected .icon {
color: #0099cc; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 279, ../../../../general/res/sass/_mixins.scss */
/* line 274, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item.selected:not(.disabled):hover {
background: linear-gradient(#1ac6ff, #00bfff); }
/* line 281, ../../../../general/res/sass/_mixins.scss */
/* line 276, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item.selected:not(.disabled):hover > .icon {
color: #33ccff; } }
/* line 137, ../../../../general/res/sass/items/_item.scss */

View File

@ -1365,14 +1365,14 @@ mct-container {
-webkit-transition: background, 0.25s;
transition: background, 0.25s;
text-shadow: none; }
/* line 274, ../../../../general/res/sass/_mixins.scss */
/* line 269, ../../../../general/res/sass/_mixins.scss */
.s-btn.major .icon, .major.s-menu-btn .icon {
color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 279, ../../../../general/res/sass/_mixins.scss */
/* line 274, ../../../../general/res/sass/_mixins.scss */
.s-btn.major:not(.disabled):hover, .major.s-menu-btn:not(.disabled):hover {
background: deepskyblue; }
/* line 281, ../../../../general/res/sass/_mixins.scss */
/* line 276, ../../../../general/res/sass/_mixins.scss */
.s-btn.major:not(.disabled):hover > .icon, .major.s-menu-btn:not(.disabled):hover > .icon {
color: white; } }
/* line 66, ../../../../general/res/sass/controls/_buttons.scss */
@ -1395,14 +1395,14 @@ mct-container {
-webkit-transition: background, 0.25s;
transition: background, 0.25s;
text-shadow: none; }
/* line 274, ../../../../general/res/sass/_mixins.scss */
/* line 269, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major) .icon, .s-menu-btn:not(.major) .icon {
color: #eee; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 279, ../../../../general/res/sass/_mixins.scss */
/* line 274, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major):not(.disabled):hover, .s-menu-btn:not(.major):not(.disabled):hover {
background: #0099cc; }
/* line 281, ../../../../general/res/sass/_mixins.scss */
/* line 276, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major):not(.disabled):hover > .icon, .s-menu-btn:not(.major):not(.disabled):hover > .icon {
color: white; } }
/* line 75, ../../../../general/res/sass/controls/_buttons.scss */
@ -1428,14 +1428,14 @@ mct-container {
-webkit-transition: background, 0.25s;
transition: background, 0.25s;
text-shadow: none; }
/* line 274, ../../../../general/res/sass/_mixins.scss */
/* line 269, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused .icon, .pause-play.paused.s-menu-btn .icon {
color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 279, ../../../../general/res/sass/_mixins.scss */
/* line 274, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu-btn:not(.disabled):hover {
background: #ffad33; }
/* line 281, ../../../../general/res/sass/_mixins.scss */
/* line 276, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused:not(.disabled):hover > .icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .icon {
color: white; } }
/* line 80, ../../../../general/res/sass/controls/_buttons.scss */
@ -1492,13 +1492,13 @@ mct-container {
line-height: 12px;
height: 12px;
width: 12px; }
/* line 121, ../../../../general/res/sass/controls/_buttons.scss */
/* line 127, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab:hover {
color: #a3a3a3; }
/* line 123, ../../../../general/res/sass/controls/_buttons.scss */
/* line 129, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab:hover:after {
color: #0099cc; }
/* line 128, ../../../../general/res/sass/controls/_buttons.scss */
/* line 134, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab:before, .mini-tab:after {
-moz-transition-property: color;
-o-transition-property: color;
@ -1514,7 +1514,7 @@ mct-container {
transition-timing-function: ease-in-out;
display: block;
position: absolute; }
/* line 135, ../../../../general/res/sass/controls/_buttons.scss */
/* line 141, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab:before {
-moz-transition-property: left;
-o-transition-property: left;
@ -1531,35 +1531,49 @@ mct-container {
font-size: 7px;
height: 100%;
width: 7px; }
/* line 142, ../../../../general/res/sass/controls/_buttons.scss */
/* line 148, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab:after {
width: 100%;
height: 100%; }
/* line 152, ../../../../general/res/sass/controls/_buttons.scss */
/* line 158, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-left:before {
content: '\3c';
left: -8px; }
/* line 156, ../../../../general/res/sass/controls/_buttons.scss */
/* line 162, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-left:hover:before {
left: -11px; }
/* line 161, ../../../../general/res/sass/controls/_buttons.scss */
/* line 165, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-left.collapsed:before {
content: '\3e';
left: 13px; }
/* line 169, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-left.collapsed:hover:before {
left: 16px; }
/* line 175, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-right:before {
content: '\3e';
left: 14px; }
/* line 165, ../../../../general/res/sass/controls/_buttons.scss */
left: 13px; }
/* line 179, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-right:hover:before {
left: 17px; } }
left: 16px; }
/* line 182, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-right.collapsed:before {
content: '\3c';
left: -8px; }
/* line 186, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-right.collapsed:hover:before {
left: -11px; } }
/* line 170, ../../../../general/res/sass/controls/_buttons.scss */
/* line 196, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set {
font-size: 0; }
/* line 176, ../../../../general/res/sass/controls/_buttons.scss */
/* line 202, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .s-btn, .l-btn-set .s-menu-btn {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
margin-left: 1px; }
/* line 182, ../../../../general/res/sass/controls/_buttons.scss */
/* line 208, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .first .s-btn, .l-btn-set .first .s-menu-btn {
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
@ -1568,7 +1582,7 @@ mct-container {
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
margin-left: 0; }
/* line 189, ../../../../general/res/sass/controls/_buttons.scss */
/* line 215, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .last .s-btn, .l-btn-set .last .s-menu-btn {
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
@ -1577,7 +1591,7 @@ mct-container {
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px; }
/* line 196, ../../../../general/res/sass/controls/_buttons.scss */
/* line 222, ../../../../general/res/sass/controls/_buttons.scss */
.paused:not(.s-btn):not(.s-menu-btn) {
border-color: #ff9900 !important;
color: #ff9900 !important; }
@ -2295,7 +2309,7 @@ label.checkbox.custom {
.menu ul {
margin: 0;
padding: 0; }
/* line 331, ../../../../general/res/sass/_mixins.scss */
/* line 326, ../../../../general/res/sass/_mixins.scss */
.menu ul li {
list-style-type: none;
margin: 0;
@ -2849,7 +2863,7 @@ mct-include.l-time-controller {
padding: 0 3px;
position: relative;
height: 150px; }
/* line 298, ../../../../general/res/sass/_mixins.scss */
/* line 293, ../../../../general/res/sass/_mixins.scss */
.form .form-row .selector-list.error {
background: rgba(255, 0, 0, 0.5); }
/* line 124, ../../../../general/res/sass/forms/_elems.scss */
@ -2906,7 +2920,7 @@ input[type="text"] {
color: #666;
outline: none;
padding: 0 3px; }
/* line 298, ../../../../general/res/sass/_mixins.scss */
/* line 293, ../../../../general/res/sass/_mixins.scss */
input[type="text"].error {
background: rgba(255, 0, 0, 0.5); }
/* line 172, ../../../../general/res/sass/forms/_elems.scss */
@ -2934,7 +2948,7 @@ textarea {
position: absolute;
height: 100%;
width: 100%; }
/* line 298, ../../../../general/res/sass/_mixins.scss */
/* line 293, ../../../../general/res/sass/_mixins.scss */
textarea.error {
background: rgba(255, 0, 0, 0.5); }
@ -2983,7 +2997,7 @@ textarea {
overflow: hidden;
position: relative;
line-height: 22px; }
/* line 274, ../../../../general/res/sass/_mixins.scss */
/* line 269, ../../../../general/res/sass/_mixins.scss */
.select .icon {
color: #eee; }
/* line 31, ../../../../general/res/sass/forms/_selects.scss */
@ -3065,7 +3079,7 @@ textarea {
max-height: 400px;
overflow: auto;
padding: 5px; }
/* line 298, ../../../../general/res/sass/_mixins.scss */
/* line 293, ../../../../general/res/sass/_mixins.scss */
.channel-selector .treeview.error {
background: rgba(255, 0, 0, 0.5); }
/* line 36, ../../../../general/res/sass/forms/_channel-selector.scss */
@ -3231,7 +3245,7 @@ span.req {
padding: 0 3px;
background: white;
border-bottom: 1px solid white; }
/* line 298, ../../../../general/res/sass/_mixins.scss */
/* line 293, ../../../../general/res/sass/_mixins.scss */
.filter input.filter.error,
.filter input.t-filter-input.error,
.t-filter input.filter.error,
@ -3584,13 +3598,19 @@ span.req {
/* line 265, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-tree.anchor-left:after {
content: 'F'; }
/* line 269, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 268, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-tree.anchor-left.collapsed {
left: -10px; }
/* line 272, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-inspect.anchor-right {
right: -25px; }
/* line 272, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 275, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-inspect.anchor-right:after {
content: '\e608'; } }
/* line 281, ../../../../general/res/sass/user-environ/_layout.scss */
content: '\e608'; }
/* line 278, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-inspect.anchor-right.collapsed {
right: -5px; } }
/* 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 .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,
@ -3603,31 +3623,31 @@ span.req {
.s-menu-btn .pane.items .object-browse-bar span.right.l-click-area {
top: auto; }
/* line 292, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 298, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.horizontal > .pane {
margin-top: 5px; }
/* line 295, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 301, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.horizontal > .pane:first-child {
margin-top: 0; }
/* line 302, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 308, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.vertical > .pane {
margin-left: 5px; }
/* line 305, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 311, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.vertical > .pane > .holder {
left: 0;
right: 0; }
/* line 309, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 315, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.vertical > .pane:first-child {
margin-left: 0; }
/* line 311, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 317, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.vertical > .pane:first-child .holder {
right: 3px; }
/* line 319, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 325, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder {
overflow: hidden;
top: 34px; }
/* line 322, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 328, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder > ng-include {
overflow: auto;
position: absolute;
@ -3637,11 +3657,11 @@ span.req {
left: 0;
width: auto;
height: auto; }
/* line 326, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 332, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder.l-controls-visible.l-time-controller-visible {
bottom: 88px; }
/* line 332, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 338, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .s-btn, .object-browse-bar .s-menu-btn,
.top-bar .buttons-main .s-btn,
.top-bar .buttons-main .s-menu-btn,
@ -3653,12 +3673,12 @@ span.req {
line-height: 25px;
vertical-align: top; }
/* line 345, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 351, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .view-switcher,
.top-bar .view-switcher {
margin-right: 20px; }
/* line 350, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 356, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar {
overflow: visible;
position: absolute;
@ -3674,42 +3694,42 @@ span.req {
height: 24px;
line-height: 24px;
white-space: nowrap; }
/* line 358, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 364, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .left {
padding-right: 20px; }
/* line 360, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 366, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .left .l-back {
display: inline-block;
float: left;
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 */
/* line 377, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex .left {
flex: 1 1 0;
-webkit-flex: 1 1 0;
padding-right: 10px; }
/* line 382, ../../../../general/res/sass/user-environ/_layout.scss */
.browse-hidetree {
/* line 388, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden {
-moz-user-select: -moz-none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none; }
/* line 385, ../../../../general/res/sass/user-environ/_layout.scss */
.browse-hidetree .pane.left.treeview {
/* line 391, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .pane.left.treeview {
opacity: 0; }
/* line 389, ../../../../general/res/sass/user-environ/_layout.scss */
.browse-hidetree .pane.right-repr {
/* line 395, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .pane.right-repr {
left: 0 !important; }
/* line 396, ../../../../general/res/sass/user-environ/_layout.scss */
.browse-showtree .pane.left.treeview {
/* line 402, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-showing .pane.left.treeview {
-moz-transition-property: opacity;
-o-transition-property: opacity;
-webkit-transition-property: opacity;
@ -3794,14 +3814,14 @@ span.req {
left: 10px !important; }
/* line 65, ../../../../general/res/sass/mobile/_layout.scss */
.browse-hidetree .pane.left.treeview {
.pane-tree-hidden .pane.left.treeview {
right: 100% !important;
width: auto !important;
overflow-y: hidden;
overflow-x: hidden; }
/* line 82, ../../../../general/res/sass/mobile/_layout.scss */
.browse-showtree .pane.left.treeview {
.pane-tree-showing .pane.left.treeview {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSI5OCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.3) 100%);
@ -3809,51 +3829,51 @@ span.req {
background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.3) 100%);
right: auto !important;
width: 40% !important; }
/* line 92, ../../../../general/res/sass/mobile/_layout.scss */
.browse-showtree .pane.right-repr {
/* line 88, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.right-repr {
left: 40% !important; }
/* line 97, ../../../../general/res/sass/mobile/_layout.scss */
/* line 93, ../../../../general/res/sass/mobile/_layout.scss */
.toggle-tree {
color: #0099cc !important;
font-size: 110%;
position: absolute;
top: 12px;
left: 10px; }
/* line 103, ../../../../general/res/sass/mobile/_layout.scss */
/* line 99, ../../../../general/res/sass/mobile/_layout.scss */
.toggle-tree:after {
content: 'm' !important; }
/* line 108, ../../../../general/res/sass/mobile/_layout.scss */
/* line 104, ../../../../general/res/sass/mobile/_layout.scss */
.object-browse-bar {
left: 30px !important; }
/* line 111, ../../../../general/res/sass/mobile/_layout.scss */
/* line 107, ../../../../general/res/sass/mobile/_layout.scss */
.object-browse-bar .context-available {
opacity: 1 !important; }
/* line 114, ../../../../general/res/sass/mobile/_layout.scss */
/* line 110, ../../../../general/res/sass/mobile/_layout.scss */
.object-browse-bar .view-switcher {
margin-right: 0 !important; }
/* line 116, ../../../../general/res/sass/mobile/_layout.scss */
/* line 112, ../../../../general/res/sass/mobile/_layout.scss */
.object-browse-bar .view-switcher .title-label {
display: none; }
/* line 123, ../../../../general/res/sass/mobile/_layout.scss */
/* line 119, ../../../../general/res/sass/mobile/_layout.scss */
.tree-holder {
overflow-x: hidden !important; }
/* line 127, ../../../../general/res/sass/mobile/_layout.scss */
/* line 123, ../../../../general/res/sass/mobile/_layout.scss */
.mobile-disable-select {
-moz-user-select: -moz-none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none; }
/* line 132, ../../../../general/res/sass/mobile/_layout.scss */
/* line 128, ../../../../general/res/sass/mobile/_layout.scss */
.mobile-hide,
.mobile-hide-important {
display: none !important; }
/* line 137, ../../../../general/res/sass/mobile/_layout.scss */
/* line 133, ../../../../general/res/sass/mobile/_layout.scss */
.mobile-back-hide {
pointer-events: none;
-moz-transition-property: opacity;
@ -3870,7 +3890,7 @@ span.req {
transition-timing-function: ease-in-out;
opacity: 0; }
/* line 142, ../../../../general/res/sass/mobile/_layout.scss */
/* line 138, ../../../../general/res/sass/mobile/_layout.scss */
.mobile-back-unhide {
pointer-events: all;
-moz-transition-property: opacity;
@ -3887,19 +3907,19 @@ span.req {
transition-timing-function: ease-in-out;
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) {
/* line 151, ../../../../general/res/sass/mobile/_layout.scss */
.browse-showtree .pane.left.treeview {
/* line 147, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.left.treeview {
width: 90% !important; }
/* line 154, ../../../../general/res/sass/mobile/_layout.scss */
.browse-showtree .pane.right-repr {
/* line 150, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.right-repr {
left: 0 !important;
transform: translateX(90%);
-webkit-transform: translateX(90%); }
/* line 157, ../../../../general/res/sass/mobile/_layout.scss */
.browse-showtree .pane.right-repr #content-area {
/* line 153, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.right-repr #content-area {
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) {
/* line 165, ../../../../general/res/sass/mobile/_layout.scss */
/* line 161, ../../../../general/res/sass/mobile/_layout.scss */
.desktop-hide {
display: none; } }
/*****************************************************************************
@ -4322,14 +4342,14 @@ span.req {
-webkit-transition: background, 0.25s;
transition: background, 0.25s;
text-shadow: none; }
/* line 274, ../../../../general/res/sass/_mixins.scss */
/* line 269, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major) .icon, .overlay .bottom-bar .s-menu-btn:not(.major) .icon {
color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 279, ../../../../general/res/sass/_mixins.scss */
/* line 274, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover {
background: #7d7d7d; }
/* line 281, ../../../../general/res/sass/_mixins.scss */
/* line 276, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover > .icon {
color: white; } }
/* line 85, ../../../../general/res/sass/overlay/_overlay.scss */
@ -4414,7 +4434,7 @@ ul.tree {
-ms-user-select: none;
-webkit-user-select: none;
user-select: none; }
/* line 331, ../../../../general/res/sass/_mixins.scss */
/* line 326, ../../../../general/res/sass/_mixins.scss */
ul.tree li {
list-style-type: none;
margin: 0;
@ -5672,14 +5692,14 @@ table {
margin-bottom: 3px;
margin-right: 3px;
position: relative; }
/* line 274, ../../../../general/res/sass/_mixins.scss */
/* line 269, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item .icon {
color: #0099cc; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 279, ../../../../general/res/sass/_mixins.scss */
/* line 274, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item:not(.disabled):hover {
background: #d0d0d0; }
/* line 281, ../../../../general/res/sass/_mixins.scss */
/* line 276, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item:not(.disabled):hover > .icon {
color: #33ccff; } }
/* line 45, ../../../../general/res/sass/items/_item.scss */
@ -5805,7 +5825,7 @@ table {
transition: background, 0.25s;
text-shadow: none;
color: #80dfff; }
/* line 274, ../../../../general/res/sass/_mixins.scss */
/* line 269, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item.selected .icon {
color: #eee; }
/* line 137, ../../../../general/res/sass/items/_item.scss */