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

Frontend] More refining of collapsing treeview

Browse Source 
open #90
Create and Search controls now properly change
to mini-tabs when treeview is collapsed;
Mods to .create-btn to use :before for symbol instead of span;
 TO-DO: why does mct-device alter the order of items in the rendered
 markup?
This commit is contained in:
Charles Hacskaylo 2015-10-26 10:01:52 -07:00
parent 8ee4fc9b71
commit fd582d45d2
6 changed files with 345 additions and 198 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -28,13 +28,18 @@
<mct-split-pane class='abs contents' <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 create-and-search-holder abs l-mobile">
<mct-representation key="'create-button'" <mct-representation key="'create-button'"
mct-object="navigatedObject" mct-object="navigatedObject"
mct-device="desktop"> mct-device="desktop">
</mct-representation> </mct-representation>
<div class='holder search-holder abs' <div class='holder search-holder abs'
ng-class="{active: treeModel.search}"> ng-class="{active: treeModel.search}">
<a class="mini-tab anchor-left toggle-pane toggle-search mobile-hide"
title="Enable search"
ng-click="modelPaneTree.toggle()"
ng-class="{ collapsed : !modelPaneTree.visible() }"
ng-style="{ opacity: modelPaneTree.visible()? 0:1 }"></a>
<mct-representation key="'search'" <mct-representation key="'search'"
mct-object="domainObject" mct-object="domainObject"
ng-model="treeModel"> ng-model="treeModel">
@ -42,7 +47,7 @@
</div> </div>
<div class='tree-holder abs mobile-tree-holder' <div class='tree-holder abs mobile-tree-holder'
ng-hide="treeModel.search"> ng-hide="treeModel.search">
<mct-representation key="'tree'" <mct-representation key="'tree'"s
mct-object="domainObject" mct-object="domainObject"
parameters="tree" parameters="tree"
ng-model="treeModel"> ng-model="treeModel">
@ -66,7 +71,7 @@
<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"
title="Click to {{ modelPaneInspect.visible()? 'hide' : 'show' }} the Inspection pane" title="{{ modelPaneInspect.visible()? 'Hide' : 'Show' }} the Inspection pane"
ng-click="modelPaneInspect.toggle()" ng-click="modelPaneInspect.toggle()"
ng-class="{ collapsed : !modelPaneInspect.visible() }"></a> ng-class="{ collapsed : !modelPaneInspect.visible() }"></a>
<mct-representation mct-object="navigatedObject" <mct-representation mct-object="navigatedObject"

1
platform/commonUI/browse/res/templates/create/create-button.html
View File

@ -21,7 +21,6 @@
--> -->
<div class="menu-element wrapper" ng-controller="ClickAwayController as createController"> <div class="menu-element wrapper" ng-controller="ClickAwayController as createController">
<div class="s-menu-btn major create-btn" ng-click="createController.toggle()"> <div class="s-menu-btn major create-btn" ng-click="createController.toggle()">
<span class="ui-symbol icon type-icon">&#x2b;</span>
<span class="title-label">Create</span> <span class="title-label">Create</span>
</div> </div>
<div class="menu super-menu" ng-show="createController.isActive()"> <div class="menu super-menu" ng-show="createController.isActive()">

5
platform/commonUI/general/res/sass/controls/_menus.scss
View File

@ -43,6 +43,11 @@
} }
&.create-btn { &.create-btn {
&:before {
content:'\2b';
display: inline;
font-family: symbolsfont;
}
.title-label { .title-label {
font-size: 1rem; font-size: 1rem;
} }

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

@ -251,14 +251,17 @@
} }
&.treeview.left { &.treeview.left {
.create-btn-holder { //.create-btn-holder {
bottom: auto; // //bottom: auto;
top: 0; // //top: 0;
height: $ueTopBarH; // height: $ueTopBarH;
.wrapper.menu-element { // .wrapper.menu-element {
position: absolute; // position: absolute;
bottom: $interiorMargin; // bottom: $interiorMargin;
} // }
//}
.create-and-search-holder {
} }
.search-holder { .search-holder {
top: $ueTopBarH + $interiorMarginLg; top: $ueTopBarH + $interiorMarginLg;
@ -293,6 +296,11 @@
@include transform(translateX($paneCollapsedOffset)); @include transform(translateX($paneCollapsedOffset));
} }
} }
&.toggle-search.anchor-left {
&:after {
content:"M"
}
}
} }
} }
@ -399,20 +407,44 @@
// right representation. // right representation.
.pane-tree-hidden { .pane-tree-hidden {
// Sets the left tree menu when the tree is hidden. // Sets the left tree menu when the tree is hidden.
.pane.left.treeview, //.pane.left.treeview,
.splitter-treeview { .tree-holder,
.splitter-treeview,
.search-holder .search {
opacity: 0; opacity: 0;
} }
// Sets the right representation when the tree is hidden. .create-and-search-holder {
@include trans-prop-nice((top, left), 250ms);
top: $ueTopBarH + $interiorMargin !important;
left: -1 * $bodyMargin !important;
.create-btn {
@include border-left-radius(0);
@include trans-prop-nice((width), 250ms);
width: $uePaneMiniTabW !important;
text-align: center !important;
padding: 0;
.title-label,
&:after {
display: none;
}
&:before {
font-size: 9px;
}
}
}
} }
.pane-tree-showing { .pane-tree-showing {
// 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,
.tree-holder,
.splitter-treeview { .splitter-treeview {
@include trans-prop-nice(opacity, $dur: 250ms, $delay: 250ms); @include trans-prop-nice(opacity, $dur: 250ms, $delay: 250ms);
opacity: 1; opacity: 1;
} }
.pane.left {
}
} }
.pane-inspect-showing { .pane-inspect-showing {

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

@ -20,7 +20,7 @@
* this source code distribution or the Licensing information page available * this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information. * at runtime from the About dialog for additional information.
*****************************************************************************/ *****************************************************************************/
/* line 5, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 5, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe, html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, a, abbr, acronym, address, big, cite, code,
@ -41,38 +41,38 @@ time, mark, audio, video {
font-size: 100%; font-size: 100%;
vertical-align: baseline; } vertical-align: baseline; }
/* line 22, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 22, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html { html {
line-height: 1; } line-height: 1; }
/* line 24, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 24, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul { ol, ul {
list-style: none; } list-style: none; }
/* line 26, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 26, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table { table {
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; } border-spacing: 0; }
/* line 28, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 28, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td { caption, th, td {
text-align: left; text-align: left;
font-weight: normal; font-weight: normal;
vertical-align: middle; } vertical-align: middle; }
/* line 30, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 30, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote { q, blockquote {
quotes: none; } quotes: none; }
/* line 103, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 103, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after { q:before, q:after, blockquote:before, blockquote:after {
content: ""; content: "";
content: none; } content: none; }
/* line 32, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 32, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img { a img {
border: none; } border: none; }
/* line 116, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 116, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block; } display: block; }
@ -2544,23 +2544,28 @@ label.checkbox.custom {
vertical-align: top; vertical-align: top;
color: rgba(255, 255, 255, 0.2); } color: rgba(255, 255, 255, 0.2); }
/* line 46, ../../../../general/res/sass/controls/_menus.scss */ /* line 46, ../../../../general/res/sass/controls/_menus.scss */
.s-menu-btn.create-btn:before {
content: '\2b';
display: inline;
font-family: symbolsfont; }
/* line 51, ../../../../general/res/sass/controls/_menus.scss */
.s-menu-btn.create-btn .title-label { .s-menu-btn.create-btn .title-label {
font-size: 1rem; } font-size: 1rem; }
/* line 54, ../../../../general/res/sass/controls/_menus.scss */ /* line 59, ../../../../general/res/sass/controls/_menus.scss */
.s-menu-btn .menu { .s-menu-btn .menu {
left: 0; left: 0;
text-align: left; } text-align: left; }
/* line 57, ../../../../general/res/sass/controls/_menus.scss */ /* line 62, ../../../../general/res/sass/controls/_menus.scss */
.s-menu-btn .menu .ui-symbol.icon, .s-menu-btn .menu .icon.s-icon-btn, .s-menu-btn .menu .icon.mini-tab-icon, .s-menu-btn .menu .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager .s-menu-btn .menu .icon.pager { .s-menu-btn .menu .ui-symbol.icon, .s-menu-btn .menu .icon.s-icon-btn, .s-menu-btn .menu .icon.mini-tab-icon, .s-menu-btn .menu .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager .s-menu-btn .menu .icon.pager {
width: 12px; } width: 12px; }
/******************************************************** MENUS THEMSELVES */ /******************************************************** MENUS THEMSELVES */
/* line 64, ../../../../general/res/sass/controls/_menus.scss */ /* line 69, ../../../../general/res/sass/controls/_menus.scss */
.menu-element { .menu-element {
cursor: pointer; cursor: pointer;
position: relative; } position: relative; }
/* line 69, ../../../../general/res/sass/controls/_menus.scss */ /* line 74, ../../../../general/res/sass/controls/_menus.scss */
.s-menu, .menu { .s-menu, .menu {
-moz-border-radius: 2px; -moz-border-radius: 2px;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
@ -2586,12 +2591,12 @@ label.checkbox.custom {
text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px;
padding: 3px 0; } padding: 3px 0; }
/* line 77, ../../../../general/res/sass/controls/_menus.scss */ /* line 82, ../../../../general/res/sass/controls/_menus.scss */
.menu { .menu {
display: block; display: block;
position: absolute; position: absolute;
z-index: 10; } z-index: 10; }
/* line 82, ../../../../general/res/sass/controls/_menus.scss */ /* line 87, ../../../../general/res/sass/controls/_menus.scss */
.menu ul { .menu ul {
margin: 0; margin: 0;
padding: 0; } padding: 0; }
@ -2600,7 +2605,7 @@ label.checkbox.custom {
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
padding: 0; } padding: 0; }
/* line 84, ../../../../general/res/sass/controls/_menus.scss */ /* line 89, ../../../../general/res/sass/controls/_menus.scss */
.menu ul li { .menu ul li {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
@ -2611,73 +2616,73 @@ label.checkbox.custom {
padding: 3px 10px 3px 30px; padding: 3px 10px 3px 30px;
position: relative; position: relative;
white-space: nowrap; } white-space: nowrap; }
/* line 92, ../../../../general/res/sass/controls/_menus.scss */ /* line 97, ../../../../general/res/sass/controls/_menus.scss */
.menu ul li:first-child { .menu ul li:first-child {
border: none; } border: none; }
/* line 95, ../../../../general/res/sass/controls/_menus.scss */ /* line 100, ../../../../general/res/sass/controls/_menus.scss */
.menu ul li:hover { .menu ul li:hover {
background: #878787; background: #878787;
color: #fff; } color: #fff; }
/* line 98, ../../../../general/res/sass/controls/_menus.scss */ /* line 103, ../../../../general/res/sass/controls/_menus.scss */
.menu ul li:hover .icon { .menu ul li:hover .icon {
color: #fff; } color: #fff; }
/* line 102, ../../../../general/res/sass/controls/_menus.scss */ /* line 107, ../../../../general/res/sass/controls/_menus.scss */
.menu ul li .type-icon { .menu ul li .type-icon {
left: 10px; } left: 10px; }
/* line 109, ../../../../general/res/sass/controls/_menus.scss */ /* line 114, ../../../../general/res/sass/controls/_menus.scss */
.menu, .menu,
.context-menu, .context-menu,
.checkbox-menu, .checkbox-menu,
.super-menu { .super-menu {
pointer-events: auto; } pointer-events: auto; }
/* line 115, ../../../../general/res/sass/controls/_menus.scss */ /* line 120, ../../../../general/res/sass/controls/_menus.scss */
.menu ul li a, .menu ul li a,
.context-menu ul li a, .context-menu ul li a,
.checkbox-menu ul li a, .checkbox-menu ul li a,
.super-menu ul li a { .super-menu ul li a {
color: white; } color: white; }
/* line 118, ../../../../general/res/sass/controls/_menus.scss */ /* line 123, ../../../../general/res/sass/controls/_menus.scss */
.menu ul li .icon, .menu ul li .icon,
.context-menu ul li .icon, .context-menu ul li .icon,
.checkbox-menu ul li .icon, .checkbox-menu ul li .icon,
.super-menu ul li .icon { .super-menu ul li .icon {
color: #24c8ff; } color: #24c8ff; }
/* line 121, ../../../../general/res/sass/controls/_menus.scss */ /* line 126, ../../../../general/res/sass/controls/_menus.scss */
.menu ul li .type-icon, .menu ul li .type-icon,
.context-menu ul li .type-icon, .context-menu ul li .type-icon,
.checkbox-menu ul li .type-icon, .checkbox-menu ul li .type-icon,
.super-menu ul li .type-icon { .super-menu ul li .type-icon {
left: 5px; } left: 5px; }
/* line 133, ../../../../general/res/sass/controls/_menus.scss */ /* line 138, ../../../../general/res/sass/controls/_menus.scss */
.checkbox-menu ul li { .checkbox-menu ul li {
padding-left: 50px; } padding-left: 50px; }
/* line 135, ../../../../general/res/sass/controls/_menus.scss */ /* line 140, ../../../../general/res/sass/controls/_menus.scss */
.checkbox-menu ul li .checkbox { .checkbox-menu ul li .checkbox {
position: absolute; position: absolute;
left: 5px; left: 5px;
top: 0.53333rem; } top: 0.53333rem; }
/* line 140, ../../../../general/res/sass/controls/_menus.scss */ /* line 145, ../../../../general/res/sass/controls/_menus.scss */
.checkbox-menu ul li .checkbox em { .checkbox-menu ul li .checkbox em {
height: 0.7rem; height: 0.7rem;
width: 0.7rem; } width: 0.7rem; }
/* line 143, ../../../../general/res/sass/controls/_menus.scss */ /* line 148, ../../../../general/res/sass/controls/_menus.scss */
.checkbox-menu ul li .checkbox em:before { .checkbox-menu ul li .checkbox em:before {
font-size: 7px !important; font-size: 7px !important;
height: 0.7rem; height: 0.7rem;
width: 0.7rem; width: 0.7rem;
line-height: 0.7rem; } line-height: 0.7rem; }
/* line 151, ../../../../general/res/sass/controls/_menus.scss */ /* line 156, ../../../../general/res/sass/controls/_menus.scss */
.checkbox-menu ul li .type-icon { .checkbox-menu ul li .type-icon {
left: 25px; } left: 25px; }
/* line 157, ../../../../general/res/sass/controls/_menus.scss */ /* line 162, ../../../../general/res/sass/controls/_menus.scss */
.super-menu { .super-menu {
display: block; display: block;
width: 500px; width: 500px;
height: 480px; } height: 480px; }
/* line 165, ../../../../general/res/sass/controls/_menus.scss */ /* line 170, ../../../../general/res/sass/controls/_menus.scss */
.super-menu .contents { .super-menu .contents {
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
@ -2687,12 +2692,12 @@ label.checkbox.custom {
left: 5px; left: 5px;
width: auto; width: auto;
height: auto; } height: auto; }
/* line 168, ../../../../general/res/sass/controls/_menus.scss */ /* line 173, ../../../../general/res/sass/controls/_menus.scss */
.super-menu .pane { .super-menu .pane {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; } box-sizing: border-box; }
/* line 170, ../../../../general/res/sass/controls/_menus.scss */ /* line 175, ../../../../general/res/sass/controls/_menus.scss */
.super-menu .pane.left { .super-menu .pane.left {
border-right: 1px solid #878787; border-right: 1px solid #878787;
left: 0; left: 0;
@ -2701,20 +2706,20 @@ label.checkbox.custom {
width: 50%; width: 50%;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; } overflow-y: auto; }
/* line 180, ../../../../general/res/sass/controls/_menus.scss */ /* line 185, ../../../../general/res/sass/controls/_menus.scss */
.super-menu .pane.left ul li { .super-menu .pane.left ul li {
-moz-border-radius: 3px; -moz-border-radius: 3px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
padding-left: 30px; padding-left: 30px;
border-top: none; } border-top: none; }
/* line 187, ../../../../general/res/sass/controls/_menus.scss */ /* line 192, ../../../../general/res/sass/controls/_menus.scss */
.super-menu .pane.right { .super-menu .pane.right {
left: auto; left: auto;
right: 0; right: 0;
padding: 25px; padding: 25px;
width: 50%; } width: 50%; }
/* line 197, ../../../../general/res/sass/controls/_menus.scss */ /* line 202, ../../../../general/res/sass/controls/_menus.scss */
.super-menu .menu-item-description .desc-area.icon { .super-menu .menu-item-description .desc-area.icon {
color: white; color: white;
position: relative; position: relative;
@ -2724,52 +2729,52 @@ label.checkbox.custom {
line-height: 150px; line-height: 150px;
margin-bottom: 25px; margin-bottom: 25px;
text-align: center; } text-align: center; }
/* line 208, ../../../../general/res/sass/controls/_menus.scss */ /* line 213, ../../../../general/res/sass/controls/_menus.scss */
.super-menu .menu-item-description .desc-area.title { .super-menu .menu-item-description .desc-area.title {
color: white; color: white;
font-size: 1.2em; font-size: 1.2em;
margin-bottom: 0.5em; } margin-bottom: 0.5em; }
/* line 213, ../../../../general/res/sass/controls/_menus.scss */ /* line 218, ../../../../general/res/sass/controls/_menus.scss */
.super-menu .menu-item-description .desc-area.description { .super-menu .menu-item-description .desc-area.description {
color: white; color: white;
font-size: 0.8em; font-size: 0.8em;
line-height: 1.5em; } line-height: 1.5em; }
/* line 222, ../../../../general/res/sass/controls/_menus.scss */ /* line 227, ../../../../general/res/sass/controls/_menus.scss */
.context-menu, .checkbox-menu { .context-menu, .checkbox-menu {
font-size: 0.80rem; } font-size: 0.80rem; }
/* line 226, ../../../../general/res/sass/controls/_menus.scss */ /* line 231, ../../../../general/res/sass/controls/_menus.scss */
.context-menu-holder, .context-menu-holder,
.menu-holder { .menu-holder {
position: absolute; position: absolute;
z-index: 70; } z-index: 70; }
/* line 230, ../../../../general/res/sass/controls/_menus.scss */ /* line 235, ../../../../general/res/sass/controls/_menus.scss */
.context-menu-holder .context-menu-wrapper, .context-menu-holder .context-menu-wrapper,
.menu-holder .context-menu-wrapper { .menu-holder .context-menu-wrapper {
position: absolute; position: absolute;
height: 100%; height: 100%;
width: 100%; } width: 100%; }
/* line 235, ../../../../general/res/sass/controls/_menus.scss */ /* line 240, ../../../../general/res/sass/controls/_menus.scss */
.context-menu-holder.go-left .context-menu, .context-menu-holder.go-left .checkbox-menu, .context-menu-holder.go-left .menu, .context-menu-holder.go-left .context-menu, .context-menu-holder.go-left .checkbox-menu, .context-menu-holder.go-left .menu,
.menu-holder.go-left .context-menu, .menu-holder.go-left .context-menu,
.menu-holder.go-left .checkbox-menu, .menu-holder.go-left .checkbox-menu,
.menu-holder.go-left .menu { .menu-holder.go-left .menu {
right: 0; } right: 0; }
/* line 239, ../../../../general/res/sass/controls/_menus.scss */ /* line 244, ../../../../general/res/sass/controls/_menus.scss */
.context-menu-holder.go-up .context-menu, .context-menu-holder.go-up .checkbox-menu, .context-menu-holder.go-up .menu, .context-menu-holder.go-up .context-menu, .context-menu-holder.go-up .checkbox-menu, .context-menu-holder.go-up .menu,
.menu-holder.go-up .context-menu, .menu-holder.go-up .context-menu,
.menu-holder.go-up .checkbox-menu, .menu-holder.go-up .checkbox-menu,
.menu-holder.go-up .menu { .menu-holder.go-up .menu {
bottom: 0; } bottom: 0; }
/* line 245, ../../../../general/res/sass/controls/_menus.scss */ /* line 250, ../../../../general/res/sass/controls/_menus.scss */
.context-menu-holder { .context-menu-holder {
pointer-events: none; pointer-events: none;
height: 200px; height: 200px;
width: 170px; } width: 170px; }
/* line 251, ../../../../general/res/sass/controls/_menus.scss */ /* line 256, ../../../../general/res/sass/controls/_menus.scss */
.btn-bar.right .menu, .btn-bar.right .menu,
.menus-to-left .menu { .menus-to-left .menu {
left: auto; left: auto;
@ -3889,59 +3894,53 @@ span.req {
/* line 248, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 248, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .primary-pane { .pane .primary-pane {
z-index: 2; } z-index: 2; }
/* line 254, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 266, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .create-btn-holder {
bottom: auto;
top: 0;
height: 24px; }
/* line 258, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .create-btn-holder .wrapper.menu-element {
position: absolute;
bottom: 5px; }
/* line 263, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .search-holder { .pane.treeview.left .search-holder {
top: 34px; } top: 34px; }
/* line 266, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 269, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .tree-holder { .pane.treeview.left .tree-holder {
overflow: auto; overflow: auto;
top: 64px; } top: 64px; }
/* line 272, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 275, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane { .pane .mini-tab.toggle-pane {
z-index: 5; } z-index: 5; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 278, ../../../../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 { .pane .mini-tab.toggle-pane.toggle-tree.anchor-left {
left: 0; left: 0;
-moz-transform: translateX(-26px); -moz-transform: translateX(-26px);
-ms-transform: translateX(-26px); -ms-transform: translateX(-26px);
-webkit-transform: translateX(-26px); -webkit-transform: translateX(-26px);
transform: translateX(-26px); } transform: translateX(-26px); }
/* line 282, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 285, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-tree.anchor-left:after { .pane .mini-tab.toggle-pane.toggle-tree.anchor-left:after {
content: 'F'; } content: 'F'; }
/* line 283, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 286, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-tree.anchor-left.collapsed { .pane .mini-tab.toggle-pane.toggle-tree.anchor-left.collapsed {
-moz-transform: translateX(-20px); -moz-transform: translateX(-20px);
-ms-transform: translateX(-20px); -ms-transform: translateX(-20px);
-webkit-transform: translateX(-20px); -webkit-transform: translateX(-20px);
transform: translateX(-20px); } transform: translateX(-20px); }
/* line 287, ../../../../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 { .pane .mini-tab.toggle-pane.toggle-inspect.anchor-right {
right: 0; right: 0;
-moz-transform: translateX(26px); -moz-transform: translateX(26px);
-ms-transform: translateX(26px); -ms-transform: translateX(26px);
-webkit-transform: translateX(26px); -webkit-transform: translateX(26px);
transform: translateX(26px); } transform: translateX(26px); }
/* line 291, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 294, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-inspect.anchor-right:after { .pane .mini-tab.toggle-pane.toggle-inspect.anchor-right:after {
content: '\e608'; } content: '\e608'; }
/* line 292, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 295, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-inspect.anchor-right.collapsed { .pane .mini-tab.toggle-pane.toggle-inspect.anchor-right.collapsed {
-moz-transform: translateX(20px); -moz-transform: translateX(20px);
-ms-transform: translateX(20px); -ms-transform: translateX(20px);
-webkit-transform: translateX(20px); -webkit-transform: translateX(20px);
transform: translateX(20px); } } transform: translateX(20px); }
/* line 301, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 300, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-search.anchor-left:after {
content: "M"; } }
/* line 309, ../../../../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,
@ -3954,28 +3953,28 @@ span.req {
.s-menu-btn .pane.items .object-browse-bar span.right.l-click-area { .s-menu-btn .pane.items .object-browse-bar span.right.l-click-area {
top: auto; } top: auto; }
/* line 312, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 320, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.horizontal > .pane { .split-layout.horizontal > .pane {
margin-top: 5px; } margin-top: 5px; }
/* line 315, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 323, ../../../../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 324, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 332, ../../../../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 328, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 336, ../../../../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 330, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 338, ../../../../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 338, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 346, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder { .object-holder {
overflow: hidden; overflow: hidden;
top: 34px; } top: 34px; }
/* line 341, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 349, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder > ng-include { .object-holder > ng-include {
overflow: auto; overflow: auto;
position: absolute; position: absolute;
@ -3985,11 +3984,11 @@ span.req {
left: 0; left: 0;
width: auto; width: auto;
height: auto; } height: auto; }
/* line 345, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 353, ../../../../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 351, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 359, ../../../../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,
@ -4001,12 +4000,12 @@ span.req {
line-height: 25px; line-height: 25px;
vertical-align: top; } vertical-align: top; }
/* line 364, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 372, ../../../../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 369, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 377, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar { .object-browse-bar {
overflow: visible; overflow: visible;
position: absolute; position: absolute;
@ -4022,34 +4021,88 @@ span.req {
height: 24px; height: 24px;
line-height: 24px; line-height: 24px;
white-space: nowrap; } white-space: nowrap; }
/* line 377, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 385, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .left { .object-browse-bar .left {
padding-right: 20px; } padding-right: 20px; }
/* line 379, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 387, ../../../../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 387, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 395, ../../../../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 390, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 398, ../../../../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 402, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .pane.left.treeview,
.pane-tree-hidden .splitter-treeview {
opacity: 0; }
/* line 411, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 411, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-showing .pane.left.treeview, .pane-tree-hidden .tree-holder,
.pane-tree-hidden .splitter-treeview,
.pane-tree-hidden .search-holder .search {
opacity: 0; }
/* line 416, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .create-and-search-holder {
-moz-transition-property: top, left;
-o-transition-property: top, left;
-webkit-transition-property: top, left;
transition-property: top, left;
-moz-transition-duration: 250ms;
-o-transition-duration: 250ms;
-webkit-transition-duration: 250ms;
transition-duration: 250ms;
-moz-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
-moz-transition-delay: 0;
-o-transition-delay: 0;
-webkit-transition-delay: 0;
transition-delay: 0;
top: 29px !important;
left: -10px !important; }
/* line 420, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .create-and-search-holder .create-btn {
-moz-border-radius-topleft: 0;
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
-moz-border-radius-bottomleft: 0;
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
-moz-transition-property: width;
-o-transition-property: width;
-webkit-transition-property: width;
transition-property: width;
-moz-transition-duration: 250ms;
-o-transition-duration: 250ms;
-webkit-transition-duration: 250ms;
transition-duration: 250ms;
-moz-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
-moz-transition-delay: 0;
-o-transition-delay: 0;
-webkit-transition-delay: 0;
transition-delay: 0;
width: 15px !important;
text-align: center !important;
padding: 0; }
/* line 426, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .create-and-search-holder .create-btn .title-label, .pane-tree-hidden .create-and-search-holder .create-btn:after {
display: none; }
/* line 430, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .create-and-search-holder .create-btn:before {
font-size: 9px; }
/* line 440, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-showing .tree-holder,
.pane-tree-showing .splitter-treeview { .pane-tree-showing .splitter-treeview {
-moz-transition-property: opacity; -moz-transition-property: opacity;
-o-transition-property: opacity; -o-transition-property: opacity;
@ -4069,7 +4122,7 @@ span.req {
transition-delay: 250ms; transition-delay: 250ms;
opacity: 1; } opacity: 1; }
/* line 420, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 452, ../../../../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;
@ -4090,21 +4143,21 @@ span.req {
transition-delay: 250ms; transition-delay: 250ms;
opacity: 1; } opacity: 1; }
/* line 429, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 461, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-hidden .l-object-and-inspector .pane.right, .pane-inspect-hidden .l-object-and-inspector .pane.right,
.pane-inspect-hidden .l-object-and-inspector .splitter-inspect { .pane-inspect-hidden .l-object-and-inspector .splitter-inspect {
opacity: 0; } opacity: 0; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 438, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 470, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .pane.right.primary-pane { .pane-tree-hidden .pane.right.primary-pane {
left: 10px !important; } left: 10px !important; }
/* line 441, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 473, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-hidden .l-object-and-inspector .pane.left { .pane-inspect-hidden .l-object-and-inspector .pane.left {
right: 10px !important; } right: 10px !important; }
/* line 444, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 476, ../../../../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;

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

@ -20,7 +20,7 @@
* this source code distribution or the Licensing information page available * this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information. * at runtime from the About dialog for additional information.
*****************************************************************************/ *****************************************************************************/
/* line 5, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 5, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe, html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, a, abbr, acronym, address, big, cite, code,
@ -41,38 +41,38 @@ time, mark, audio, video {
font-size: 100%; font-size: 100%;
vertical-align: baseline; } vertical-align: baseline; }
/* line 22, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 22, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html { html {
line-height: 1; } line-height: 1; }
/* line 24, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 24, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul { ol, ul {
list-style: none; } list-style: none; }
/* line 26, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 26, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table { table {
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; } border-spacing: 0; }
/* line 28, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 28, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td { caption, th, td {
text-align: left; text-align: left;
font-weight: normal; font-weight: normal;
vertical-align: middle; } vertical-align: middle; }
/* line 30, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 30, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote { q, blockquote {
quotes: none; } quotes: none; }
/* line 103, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 103, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after { q:before, q:after, blockquote:before, blockquote:after {
content: ""; content: "";
content: none; } content: none; }
/* line 32, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 32, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img { a img {
border: none; } border: none; }
/* line 116, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 116, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block; } display: block; }
@ -2508,23 +2508,28 @@ label.checkbox.custom {
vertical-align: top; vertical-align: top;
color: rgba(255, 255, 255, 0.4); } color: rgba(255, 255, 255, 0.4); }
/* line 46, ../../../../general/res/sass/controls/_menus.scss */ /* line 46, ../../../../general/res/sass/controls/_menus.scss */
.s-menu-btn.create-btn:before {
content: '\2b';
display: inline;
font-family: symbolsfont; }
/* line 51, ../../../../general/res/sass/controls/_menus.scss */
.s-menu-btn.create-btn .title-label { .s-menu-btn.create-btn .title-label {
font-size: 1rem; } font-size: 1rem; }
/* line 54, ../../../../general/res/sass/controls/_menus.scss */ /* line 59, ../../../../general/res/sass/controls/_menus.scss */
.s-menu-btn .menu { .s-menu-btn .menu {
left: 0; left: 0;
text-align: left; } text-align: left; }
/* line 57, ../../../../general/res/sass/controls/_menus.scss */ /* line 62, ../../../../general/res/sass/controls/_menus.scss */
.s-menu-btn .menu .ui-symbol.icon, .s-menu-btn .menu .icon.s-icon-btn, .s-menu-btn .menu .icon.mini-tab-icon, .s-menu-btn .menu .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager .s-menu-btn .menu .icon.pager { .s-menu-btn .menu .ui-symbol.icon, .s-menu-btn .menu .icon.s-icon-btn, .s-menu-btn .menu .icon.mini-tab-icon, .s-menu-btn .menu .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager .s-menu-btn .menu .icon.pager {
width: 12px; } width: 12px; }
/******************************************************** MENUS THEMSELVES */ /******************************************************** MENUS THEMSELVES */
/* line 64, ../../../../general/res/sass/controls/_menus.scss */ /* line 69, ../../../../general/res/sass/controls/_menus.scss */
.menu-element { .menu-element {
cursor: pointer; cursor: pointer;
position: relative; } position: relative; }
/* line 69, ../../../../general/res/sass/controls/_menus.scss */ /* line 74, ../../../../general/res/sass/controls/_menus.scss */
.s-menu, .menu { .s-menu, .menu {
-moz-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
@ -2544,12 +2549,12 @@ label.checkbox.custom {
text-shadow: none; text-shadow: none;
padding: 3px 0; } padding: 3px 0; }
/* line 77, ../../../../general/res/sass/controls/_menus.scss */ /* line 82, ../../../../general/res/sass/controls/_menus.scss */
.menu { .menu {
display: block; display: block;
position: absolute; position: absolute;
z-index: 10; } z-index: 10; }
/* line 82, ../../../../general/res/sass/controls/_menus.scss */ /* line 87, ../../../../general/res/sass/controls/_menus.scss */
.menu ul { .menu ul {
margin: 0; margin: 0;
padding: 0; } padding: 0; }
@ -2558,7 +2563,7 @@ label.checkbox.custom {
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
padding: 0; } padding: 0; }
/* line 84, ../../../../general/res/sass/controls/_menus.scss */ /* line 89, ../../../../general/res/sass/controls/_menus.scss */
.menu ul li { .menu ul li {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
@ -2569,73 +2574,73 @@ label.checkbox.custom {
padding: 3px 10px 3px 30px; padding: 3px 10px 3px 30px;
position: relative; position: relative;
white-space: nowrap; } white-space: nowrap; }
/* line 92, ../../../../general/res/sass/controls/_menus.scss */ /* line 97, ../../../../general/res/sass/controls/_menus.scss */
.menu ul li:first-child { .menu ul li:first-child {
border: none; } border: none; }
/* line 95, ../../../../general/res/sass/controls/_menus.scss */ /* line 100, ../../../../general/res/sass/controls/_menus.scss */
.menu ul li:hover { .menu ul li:hover {
background: #e6e6e6; background: #e6e6e6;
color: #4d4d4d; } color: #4d4d4d; }
/* line 98, ../../../../general/res/sass/controls/_menus.scss */ /* line 103, ../../../../general/res/sass/controls/_menus.scss */
.menu ul li:hover .icon { .menu ul li:hover .icon {
color: #0099cc; } color: #0099cc; }
/* line 102, ../../../../general/res/sass/controls/_menus.scss */ /* line 107, ../../../../general/res/sass/controls/_menus.scss */
.menu ul li .type-icon { .menu ul li .type-icon {
left: 10px; } left: 10px; }
/* line 109, ../../../../general/res/sass/controls/_menus.scss */ /* line 114, ../../../../general/res/sass/controls/_menus.scss */
.menu, .menu,
.context-menu, .context-menu,
.checkbox-menu, .checkbox-menu,
.super-menu { .super-menu {
pointer-events: auto; } pointer-events: auto; }
/* line 115, ../../../../general/res/sass/controls/_menus.scss */ /* line 120, ../../../../general/res/sass/controls/_menus.scss */
.menu ul li a, .menu ul li a,
.context-menu ul li a, .context-menu ul li a,
.checkbox-menu ul li a, .checkbox-menu ul li a,
.super-menu ul li a { .super-menu ul li a {
color: #4d4d4d; } color: #4d4d4d; }
/* line 118, ../../../../general/res/sass/controls/_menus.scss */ /* line 123, ../../../../general/res/sass/controls/_menus.scss */
.menu ul li .icon, .menu ul li .icon,
.context-menu ul li .icon, .context-menu ul li .icon,
.checkbox-menu ul li .icon, .checkbox-menu ul li .icon,
.super-menu ul li .icon { .super-menu ul li .icon {
color: #0099cc; } color: #0099cc; }
/* line 121, ../../../../general/res/sass/controls/_menus.scss */ /* line 126, ../../../../general/res/sass/controls/_menus.scss */
.menu ul li .type-icon, .menu ul li .type-icon,
.context-menu ul li .type-icon, .context-menu ul li .type-icon,
.checkbox-menu ul li .type-icon, .checkbox-menu ul li .type-icon,
.super-menu ul li .type-icon { .super-menu ul li .type-icon {
left: 5px; } left: 5px; }
/* line 133, ../../../../general/res/sass/controls/_menus.scss */ /* line 138, ../../../../general/res/sass/controls/_menus.scss */
.checkbox-menu ul li { .checkbox-menu ul li {
padding-left: 50px; } padding-left: 50px; }
/* line 135, ../../../../general/res/sass/controls/_menus.scss */ /* line 140, ../../../../general/res/sass/controls/_menus.scss */
.checkbox-menu ul li .checkbox { .checkbox-menu ul li .checkbox {
position: absolute; position: absolute;
left: 5px; left: 5px;
top: 0.53333rem; } top: 0.53333rem; }
/* line 140, ../../../../general/res/sass/controls/_menus.scss */ /* line 145, ../../../../general/res/sass/controls/_menus.scss */
.checkbox-menu ul li .checkbox em { .checkbox-menu ul li .checkbox em {
height: 0.7rem; height: 0.7rem;
width: 0.7rem; } width: 0.7rem; }
/* line 143, ../../../../general/res/sass/controls/_menus.scss */ /* line 148, ../../../../general/res/sass/controls/_menus.scss */
.checkbox-menu ul li .checkbox em:before { .checkbox-menu ul li .checkbox em:before {
font-size: 7px !important; font-size: 7px !important;
height: 0.7rem; height: 0.7rem;
width: 0.7rem; width: 0.7rem;
line-height: 0.7rem; } line-height: 0.7rem; }
/* line 151, ../../../../general/res/sass/controls/_menus.scss */ /* line 156, ../../../../general/res/sass/controls/_menus.scss */
.checkbox-menu ul li .type-icon { .checkbox-menu ul li .type-icon {
left: 25px; } left: 25px; }
/* line 157, ../../../../general/res/sass/controls/_menus.scss */ /* line 162, ../../../../general/res/sass/controls/_menus.scss */
.super-menu { .super-menu {
display: block; display: block;
width: 500px; width: 500px;
height: 480px; } height: 480px; }
/* line 165, ../../../../general/res/sass/controls/_menus.scss */ /* line 170, ../../../../general/res/sass/controls/_menus.scss */
.super-menu .contents { .super-menu .contents {
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
@ -2645,12 +2650,12 @@ label.checkbox.custom {
left: 5px; left: 5px;
width: auto; width: auto;
height: auto; } height: auto; }
/* line 168, ../../../../general/res/sass/controls/_menus.scss */ /* line 173, ../../../../general/res/sass/controls/_menus.scss */
.super-menu .pane { .super-menu .pane {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; } box-sizing: border-box; }
/* line 170, ../../../../general/res/sass/controls/_menus.scss */ /* line 175, ../../../../general/res/sass/controls/_menus.scss */
.super-menu .pane.left { .super-menu .pane.left {
border-right: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6;
left: 0; left: 0;
@ -2659,20 +2664,20 @@ label.checkbox.custom {
width: 50%; width: 50%;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; } overflow-y: auto; }
/* line 180, ../../../../general/res/sass/controls/_menus.scss */ /* line 185, ../../../../general/res/sass/controls/_menus.scss */
.super-menu .pane.left ul li { .super-menu .pane.left ul li {
-moz-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
border-radius: 4px; border-radius: 4px;
padding-left: 30px; padding-left: 30px;
border-top: none; } border-top: none; }
/* line 187, ../../../../general/res/sass/controls/_menus.scss */ /* line 192, ../../../../general/res/sass/controls/_menus.scss */
.super-menu .pane.right { .super-menu .pane.right {
left: auto; left: auto;
right: 0; right: 0;
padding: 25px; padding: 25px;
width: 50%; } width: 50%; }
/* line 197, ../../../../general/res/sass/controls/_menus.scss */ /* line 202, ../../../../general/res/sass/controls/_menus.scss */
.super-menu .menu-item-description .desc-area.icon { .super-menu .menu-item-description .desc-area.icon {
color: #0099cc; color: #0099cc;
position: relative; position: relative;
@ -2682,52 +2687,52 @@ label.checkbox.custom {
line-height: 150px; line-height: 150px;
margin-bottom: 25px; margin-bottom: 25px;
text-align: center; } text-align: center; }
/* line 208, ../../../../general/res/sass/controls/_menus.scss */ /* line 213, ../../../../general/res/sass/controls/_menus.scss */
.super-menu .menu-item-description .desc-area.title { .super-menu .menu-item-description .desc-area.title {
color: #666; color: #666;
font-size: 1.2em; font-size: 1.2em;
margin-bottom: 0.5em; } margin-bottom: 0.5em; }
/* line 213, ../../../../general/res/sass/controls/_menus.scss */ /* line 218, ../../../../general/res/sass/controls/_menus.scss */
.super-menu .menu-item-description .desc-area.description { .super-menu .menu-item-description .desc-area.description {
color: #666; color: #666;
font-size: 0.8em; font-size: 0.8em;
line-height: 1.5em; } line-height: 1.5em; }
/* line 222, ../../../../general/res/sass/controls/_menus.scss */ /* line 227, ../../../../general/res/sass/controls/_menus.scss */
.context-menu, .checkbox-menu { .context-menu, .checkbox-menu {
font-size: 0.80rem; } font-size: 0.80rem; }
/* line 226, ../../../../general/res/sass/controls/_menus.scss */ /* line 231, ../../../../general/res/sass/controls/_menus.scss */
.context-menu-holder, .context-menu-holder,
.menu-holder { .menu-holder {
position: absolute; position: absolute;
z-index: 70; } z-index: 70; }
/* line 230, ../../../../general/res/sass/controls/_menus.scss */ /* line 235, ../../../../general/res/sass/controls/_menus.scss */
.context-menu-holder .context-menu-wrapper, .context-menu-holder .context-menu-wrapper,
.menu-holder .context-menu-wrapper { .menu-holder .context-menu-wrapper {
position: absolute; position: absolute;
height: 100%; height: 100%;
width: 100%; } width: 100%; }
/* line 235, ../../../../general/res/sass/controls/_menus.scss */ /* line 240, ../../../../general/res/sass/controls/_menus.scss */
.context-menu-holder.go-left .context-menu, .context-menu-holder.go-left .checkbox-menu, .context-menu-holder.go-left .menu, .context-menu-holder.go-left .context-menu, .context-menu-holder.go-left .checkbox-menu, .context-menu-holder.go-left .menu,
.menu-holder.go-left .context-menu, .menu-holder.go-left .context-menu,
.menu-holder.go-left .checkbox-menu, .menu-holder.go-left .checkbox-menu,
.menu-holder.go-left .menu { .menu-holder.go-left .menu {
right: 0; } right: 0; }
/* line 239, ../../../../general/res/sass/controls/_menus.scss */ /* line 244, ../../../../general/res/sass/controls/_menus.scss */
.context-menu-holder.go-up .context-menu, .context-menu-holder.go-up .checkbox-menu, .context-menu-holder.go-up .menu, .context-menu-holder.go-up .context-menu, .context-menu-holder.go-up .checkbox-menu, .context-menu-holder.go-up .menu,
.menu-holder.go-up .context-menu, .menu-holder.go-up .context-menu,
.menu-holder.go-up .checkbox-menu, .menu-holder.go-up .checkbox-menu,
.menu-holder.go-up .menu { .menu-holder.go-up .menu {
bottom: 0; } bottom: 0; }
/* line 245, ../../../../general/res/sass/controls/_menus.scss */ /* line 250, ../../../../general/res/sass/controls/_menus.scss */
.context-menu-holder { .context-menu-holder {
pointer-events: none; pointer-events: none;
height: 200px; height: 200px;
width: 170px; } width: 170px; }
/* line 251, ../../../../general/res/sass/controls/_menus.scss */ /* line 256, ../../../../general/res/sass/controls/_menus.scss */
.btn-bar.right .menu, .btn-bar.right .menu,
.menus-to-left .menu { .menus-to-left .menu {
left: auto; left: auto;
@ -3830,59 +3835,53 @@ span.req {
/* line 248, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 248, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .primary-pane { .pane .primary-pane {
z-index: 2; } z-index: 2; }
/* line 254, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 266, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .create-btn-holder {
bottom: auto;
top: 0;
height: 24px; }
/* line 258, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .create-btn-holder .wrapper.menu-element {
position: absolute;
bottom: 5px; }
/* line 263, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .search-holder { .pane.treeview.left .search-holder {
top: 34px; } top: 34px; }
/* line 266, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 269, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .tree-holder { .pane.treeview.left .tree-holder {
overflow: auto; overflow: auto;
top: 64px; } top: 64px; }
/* line 272, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 275, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane { .pane .mini-tab.toggle-pane {
z-index: 5; } z-index: 5; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 278, ../../../../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 { .pane .mini-tab.toggle-pane.toggle-tree.anchor-left {
left: 0; left: 0;
-moz-transform: translateX(-24px); -moz-transform: translateX(-24px);
-ms-transform: translateX(-24px); -ms-transform: translateX(-24px);
-webkit-transform: translateX(-24px); -webkit-transform: translateX(-24px);
transform: translateX(-24px); } transform: translateX(-24px); }
/* line 282, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 285, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-tree.anchor-left:after { .pane .mini-tab.toggle-pane.toggle-tree.anchor-left:after {
content: 'F'; } content: 'F'; }
/* line 283, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 286, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-tree.anchor-left.collapsed { .pane .mini-tab.toggle-pane.toggle-tree.anchor-left.collapsed {
-moz-transform: translateX(-20px); -moz-transform: translateX(-20px);
-ms-transform: translateX(-20px); -ms-transform: translateX(-20px);
-webkit-transform: translateX(-20px); -webkit-transform: translateX(-20px);
transform: translateX(-20px); } transform: translateX(-20px); }
/* line 287, ../../../../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 { .pane .mini-tab.toggle-pane.toggle-inspect.anchor-right {
right: 0; right: 0;
-moz-transform: translateX(24px); -moz-transform: translateX(24px);
-ms-transform: translateX(24px); -ms-transform: translateX(24px);
-webkit-transform: translateX(24px); -webkit-transform: translateX(24px);
transform: translateX(24px); } transform: translateX(24px); }
/* line 291, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 294, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-inspect.anchor-right:after { .pane .mini-tab.toggle-pane.toggle-inspect.anchor-right:after {
content: '\e608'; } content: '\e608'; }
/* line 292, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 295, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-inspect.anchor-right.collapsed { .pane .mini-tab.toggle-pane.toggle-inspect.anchor-right.collapsed {
-moz-transform: translateX(20px); -moz-transform: translateX(20px);
-ms-transform: translateX(20px); -ms-transform: translateX(20px);
-webkit-transform: translateX(20px); -webkit-transform: translateX(20px);
transform: translateX(20px); } } transform: translateX(20px); }
/* line 301, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 300, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-search.anchor-left:after {
content: "M"; } }
/* line 309, ../../../../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,
@ -3895,28 +3894,28 @@ span.req {
.s-menu-btn .pane.items .object-browse-bar span.right.l-click-area { .s-menu-btn .pane.items .object-browse-bar span.right.l-click-area {
top: auto; } top: auto; }
/* line 312, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 320, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.horizontal > .pane { .split-layout.horizontal > .pane {
margin-top: 5px; } margin-top: 5px; }
/* line 315, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 323, ../../../../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 324, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 332, ../../../../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 328, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 336, ../../../../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 330, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 338, ../../../../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 338, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 346, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder { .object-holder {
overflow: hidden; overflow: hidden;
top: 34px; } top: 34px; }
/* line 341, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 349, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder > ng-include { .object-holder > ng-include {
overflow: auto; overflow: auto;
position: absolute; position: absolute;
@ -3926,11 +3925,11 @@ span.req {
left: 0; left: 0;
width: auto; width: auto;
height: auto; } height: auto; }
/* line 345, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 353, ../../../../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 351, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 359, ../../../../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,
@ -3942,12 +3941,12 @@ span.req {
line-height: 25px; line-height: 25px;
vertical-align: top; } vertical-align: top; }
/* line 364, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 372, ../../../../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 369, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 377, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar { .object-browse-bar {
overflow: visible; overflow: visible;
position: absolute; position: absolute;
@ -3963,34 +3962,88 @@ span.req {
height: 24px; height: 24px;
line-height: 24px; line-height: 24px;
white-space: nowrap; } white-space: nowrap; }
/* line 377, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 385, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .left { .object-browse-bar .left {
padding-right: 20px; } padding-right: 20px; }
/* line 379, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 387, ../../../../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 387, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 395, ../../../../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 390, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 398, ../../../../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 402, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .pane.left.treeview,
.pane-tree-hidden .splitter-treeview {
opacity: 0; }
/* line 411, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 411, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-showing .pane.left.treeview, .pane-tree-hidden .tree-holder,
.pane-tree-hidden .splitter-treeview,
.pane-tree-hidden .search-holder .search {
opacity: 0; }
/* line 416, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .create-and-search-holder {
-moz-transition-property: top, left;
-o-transition-property: top, left;
-webkit-transition-property: top, left;
transition-property: top, left;
-moz-transition-duration: 250ms;
-o-transition-duration: 250ms;
-webkit-transition-duration: 250ms;
transition-duration: 250ms;
-moz-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
-moz-transition-delay: 0;
-o-transition-delay: 0;
-webkit-transition-delay: 0;
transition-delay: 0;
top: 29px !important;
left: -10px !important; }
/* line 420, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .create-and-search-holder .create-btn {
-moz-border-radius-topleft: 0;
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
-moz-border-radius-bottomleft: 0;
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
-moz-transition-property: width;
-o-transition-property: width;
-webkit-transition-property: width;
transition-property: width;
-moz-transition-duration: 250ms;
-o-transition-duration: 250ms;
-webkit-transition-duration: 250ms;
transition-duration: 250ms;
-moz-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
-moz-transition-delay: 0;
-o-transition-delay: 0;
-webkit-transition-delay: 0;
transition-delay: 0;
width: 15px !important;
text-align: center !important;
padding: 0; }
/* line 426, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .create-and-search-holder .create-btn .title-label, .pane-tree-hidden .create-and-search-holder .create-btn:after {
display: none; }
/* line 430, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .create-and-search-holder .create-btn:before {
font-size: 9px; }
/* line 440, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-showing .tree-holder,
.pane-tree-showing .splitter-treeview { .pane-tree-showing .splitter-treeview {
-moz-transition-property: opacity; -moz-transition-property: opacity;
-o-transition-property: opacity; -o-transition-property: opacity;
@ -4010,7 +4063,7 @@ span.req {
transition-delay: 250ms; transition-delay: 250ms;
opacity: 1; } opacity: 1; }
/* line 420, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 452, ../../../../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;
@ -4031,21 +4084,21 @@ span.req {
transition-delay: 250ms; transition-delay: 250ms;
opacity: 1; } opacity: 1; }
/* line 429, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 461, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-hidden .l-object-and-inspector .pane.right, .pane-inspect-hidden .l-object-and-inspector .pane.right,
.pane-inspect-hidden .l-object-and-inspector .splitter-inspect { .pane-inspect-hidden .l-object-and-inspector .splitter-inspect {
opacity: 0; } opacity: 0; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 438, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 470, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .pane.right.primary-pane { .pane-tree-hidden .pane.right.primary-pane {
left: 10px !important; } left: 10px !important; }
/* line 441, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 473, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-hidden .l-object-and-inspector .pane.left { .pane-inspect-hidden .l-object-and-inspector .pane.left {
right: 10px !important; } right: 10px !important; }
/* line 444, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 476, ../../../../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;