[Frontend] Hide Create button when editing

open #199
open #278
Hides Create button when s-status-editing applied;
Adds margin to search-bar input element when
Create button is hidden per above;
This commit is contained in:
Charles Hacskaylo 2015-12-08 15:54:32 -08:00
parent 773cedddd5
commit 267bcfeb8b
3 changed files with 178 additions and 142 deletions

View File

@ -77,37 +77,38 @@
}
}
.ue-bottom-bar {
@include absPosDefault(0);// New status bar design
top: auto;
height: $ueFooterH;
line-height: $ueFooterH - ($interiorMargin * 2);
background: $colorFooterBg;
color: lighten($colorBodyBg, 30%);
font-size: .7rem;
.status-holder {
@include box-sizing(border-box);
@include absPosDefault($interiorMargin);
@include ellipsize();
right: 120px;
text-transform: uppercase;
z-index: 1;
}
.app-logo {
@include box-sizing(border-box);
@include absPosDefault($interiorMargin);
cursor: pointer;
left: auto;
width: $ueAppLogoW;
z-index: 2;
&.logo-openmctweb {
background: url($dirImgs + 'logo-openmctweb.svg') no-repeat center center;
}
}
}
.ue-bottom-bar {
@include absPosDefault(0);// New status bar design
top: auto;
height: $ueFooterH;
line-height: $ueFooterH - ($interiorMargin * 2);
background: $colorFooterBg;
color: lighten($colorBodyBg, 30%);
font-size: .7rem;
.status-holder {
@include box-sizing(border-box);
@include absPosDefault($interiorMargin);
@include ellipsize();
right: 120px;
text-transform: uppercase;
z-index: 1;
}
.app-logo {
@include box-sizing(border-box);
@include absPosDefault($interiorMargin);
cursor: pointer;
left: auto;
width: $ueAppLogoW;
z-index: 2;
&.logo-openmctweb {
background: url($dirImgs + 'logo-openmctweb.svg') no-repeat center center;
}
}
}
}
.edit-mode {
// Old edit mode
.split-layout {
.split-pane-component.pane.right {
width: 15%;
@ -196,6 +197,19 @@
right: 0;
bottom: $bodyMargin;
left: $bodyMargin;
.create-btn-holder {
height: auto;
overflow: hidden;
&.s-status-editing {
height: 0;
margin:0;
& + .search-holder .search-bar {
// .search-holder is adjacent sibling to .create-btn-holder
// Add right margin when create button is hidden, to make room for the collapse pane 'x' button
margin-right: $interiorMarginLg * 2;
}
}
}
}
.holder.holder-object-and-inspector {

View File

@ -20,7 +20,7 @@
* this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information.
*****************************************************************************/
/* line 5, ../../../../../../../../../.rvm/gems/ruby-2.2.3/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,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
@ -41,38 +41,38 @@ time, mark, audio, video {
font-size: 100%;
vertical-align: baseline; }
/* line 22, ../../../../../../../../../.rvm/gems/ruby-2.2.3/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 {
line-height: 1; }
/* line 24, ../../../../../../../../../.rvm/gems/ruby-2.2.3/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 {
list-style: none; }
/* line 26, ../../../../../../../../../.rvm/gems/ruby-2.2.3/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 {
border-collapse: collapse;
border-spacing: 0; }
/* line 28, ../../../../../../../../../.rvm/gems/ruby-2.2.3/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 {
text-align: left;
font-weight: normal;
vertical-align: middle; }
/* line 30, ../../../../../../../../../.rvm/gems/ruby-2.2.3/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 {
quotes: none; }
/* line 103, ../../../../../../../../../.rvm/gems/ruby-2.2.3/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 {
content: "";
content: none; }
/* line 32, ../../../../../../../../../.rvm/gems/ruby-2.2.3/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 {
border: none; }
/* line 116, ../../../../../../../../../.rvm/gems/ruby-2.2.3/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 {
display: block; }
@ -4737,64 +4737,64 @@ span.req {
.user-environ .ue-bottom-bar .app-logo.logo-openmctweb {
background: url("../../../../general/res/images/logo-openmctweb.svg") no-repeat center center; }
/* line 112, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 113, ../../../../general/res/sass/user-environ/_layout.scss */
.edit-mode .split-layout .split-pane-component.pane.right {
width: 15%; }
/* line 114, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 115, ../../../../general/res/sass/user-environ/_layout.scss */
.edit-mode .split-layout .split-pane-component.pane.right .pane.bottom {
min-height: 50px;
height: 30%; }
/* line 122, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 123, ../../../../general/res/sass/user-environ/_layout.scss */
.pane {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute; }
/* line 126, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 127, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .pane-header {
text-transform: uppercase;
height: 24px;
line-height: 24px; }
/* line 132, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 133, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .primary-pane {
z-index: 2; }
/* line 137, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 138, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane {
z-index: 5; }
@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
/* line 137, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 138, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane {
top: 10px;
height: 24px;
line-height: 24px; }
/* line 145, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 146, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane:after {
opacity: 0; }
/* line 150, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 151, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane.collapsed:before {
opacity: 0; }
/* line 153, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 154, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane.collapsed:after {
opacity: 1; }
/* line 157, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 158, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left {
left: 0;
-moz-transform: translateX(-34px);
-ms-transform: translateX(-34px);
-webkit-transform: translateX(-34px);
transform: translateX(-34px); }
/* line 160, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 161, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:after {
content: '\6d'; }
/* line 163, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 164, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left.collapsed {
left: 0;
-moz-transform: translateX(-17px);
-ms-transform: translateX(-17px);
-webkit-transform: translateX(-17px);
transform: translateX(-17px); }
/* line 167, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 168, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:not(.collapsed):before {
-moz-transition-property: opacity;
-o-transition-property: opacity;
@ -4812,16 +4812,16 @@ span.req {
-o-transition-delay: 200ms;
-webkit-transition-delay: 200ms;
transition-delay: 200ms; }
/* line 171, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 172, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right {
right: 10px; }
/* line 173, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 174, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right:after {
content: '\e615'; }
/* line 176, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 177, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right.collapsed {
right: 5px; } }
/* line 184, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 185, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .left.l-inspect, .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, .pane.items .object-browse-bar .left.l-object-wrapper, .pane.items .object-browse-bar .l-object-wrapper .left.object-holder-main, .l-object-wrapper .pane.items .object-browse-bar .left.object-holder-main,
@ -4838,36 +4838,47 @@ span.req {
.l-object-wrapper .pane.items .object-browse-bar .right.object-holder-main {
top: auto; }
/* line 194, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 195, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout .holder.holder-treeview-elements {
top: 10px;
right: 0;
bottom: 10px;
left: 10px; }
/* line 201, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 200, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout .holder.holder-treeview-elements .create-btn-holder {
height: auto;
overflow: hidden; }
/* line 203, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout .holder.holder-treeview-elements .create-btn-holder.s-status-editing {
height: 0;
margin: 0; }
/* line 206, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout .holder.holder-treeview-elements .create-btn-holder.s-status-editing + .search-holder .search-bar {
margin-right: 20px; }
/* line 215, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout .holder.holder-object-and-inspector {
top: 0;
right: 0;
bottom: 0;
left: 0; }
/* line 206, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 220, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout .holder.holder-object-and-inspector .holder-object {
top: 10px;
bottom: 10px; }
/* line 210, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 224, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout .holder.holder-object-and-inspector .holder-inspector {
top: 10px;
bottom: 10px;
left: 10px;
right: 10px; }
/* line 216, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 230, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout .holder.holder-object-and-inspector .holder-elements {
top: 0;
bottom: 10px;
left: 10px;
right: 10px; }
/* line 225, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 239, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder {
overflow: auto;
position: absolute;
@ -4879,7 +4890,7 @@ span.req {
height: auto;
top: 34px; }
/* line 237, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 251, ../../../../general/res/sass/user-environ/_layout.scss */
.l-object-wrapper.active {
-moz-animation-name: pulseBorder;
-webkit-animation-name: pulseBorder;
@ -4921,7 +4932,7 @@ span.req {
border-color: rgba(88, 122, 181, 0.3); }
100% {
border-color: #587ab5; } }
/* line 244, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 258, ../../../../general/res/sass/user-environ/_layout.scss */
.l-object-wrapper.active .l-object-wrapper-inner {
overflow: hidden;
position: absolute;
@ -4932,7 +4943,7 @@ span.req {
width: auto;
height: auto; }
/* line 250, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 264, ../../../../general/res/sass/user-environ/_layout.scss */
.l-object-wrapper-inner {
-moz-transition-property: height, width, top, right, bottom, left, opacity;
-o-transition-property: height, width, top, right, bottom, left, opacity;
@ -4947,7 +4958,7 @@ span.req {
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; }
/* line 254, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 268, ../../../../general/res/sass/user-environ/_layout.scss */
.l-edit-controls {
-moz-transition-property: opacity, height;
-o-transition-property: opacity, height;
@ -4969,16 +4980,16 @@ span.req {
line-height: 25px;
height: 0px;
opacity: 0; }
/* line 260, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 274, ../../../../general/res/sass/user-environ/_layout.scss */
.l-edit-controls.active {
height: 30px;
margin-bottom: 5px;
opacity: 1; }
/* line 265, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 279, ../../../../general/res/sass/user-environ/_layout.scss */
.l-edit-controls .tool-bar {
right: 5px; }
/* line 270, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 284, ../../../../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,
@ -4990,13 +5001,13 @@ span.req {
line-height: 25px;
vertical-align: top; }
/* line 283, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 297, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .view-switcher,
.top-bar .view-switcher {
margin-right: 20px; }
/***************************************************** OBJECT BROWSE BAR */
/* line 289, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 303, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
@ -5004,20 +5015,20 @@ span.req {
height: 24px;
line-height: 24px;
white-space: nowrap; }
/* line 296, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 310, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .left {
padding-right: 10px; }
/* line 298, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 312, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .left .l-back:not(.s-status-editing) {
margin-right: 10px; }
/* line 307, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 321, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .tree-holder,
.pane-tree-hidden .splitter-treeview,
.pane-tree-hidden .holder-treeview-elements {
opacity: 0; }
/* line 316, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 330, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-showing .tree-holder,
.pane-tree-showing .splitter-treeview {
-moz-transition-property: opacity;
@ -5037,7 +5048,7 @@ span.req {
-webkit-transition-delay: 250ms;
transition-delay: 250ms;
opacity: 1; }
/* line 322, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 336, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-showing .holder-treeview-elements {
-moz-transition-property: opacity;
-o-transition-property: opacity;
@ -5056,7 +5067,7 @@ span.req {
-webkit-transition-delay: 200ms;
transition-delay: 200ms; }
/* line 329, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 343, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-showing .l-object-and-inspector .l-inspect,
.pane-inspect-showing .l-object-and-inspector .splitter-inspect {
-moz-transition-property: opacity;
@ -5077,41 +5088,41 @@ span.req {
transition-delay: 250ms;
opacity: 1; }
/* line 339, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 353, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-hidden .l-object-and-inspector .l-inspect,
.pane-inspect-hidden .l-object-and-inspector .splitter-inspect {
opacity: 0; }
@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
/* line 347, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 361, ../../../../general/res/sass/user-environ/_layout.scss */
.holder-all {
min-width: 600px; }
/* line 352, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 366, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout .split-pane-component.pane.treeview.left {
min-width: 150px;
max-width: 35%;
width: 25%; }
/* line 357, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 371, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout .split-pane-component.pane.t-inspect.right {
min-width: 200px;
max-width: 35%;
width: 20%;
z-index: 3; }
/* line 365, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 379, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .tree-holder {
padding-right: 5px; }
/* line 369, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 383, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .pane.right.primary-pane {
left: 22px !important; }
/* line 372, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 386, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-hidden .l-object-and-inspector .pane.left {
right: 22px !important; }
/* line 374, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 388, ../../../../general/res/sass/user-environ/_layout.scss */
.pane:not(.resizing) {
-moz-transition-property: width, left, right;
-o-transition-property: width, left, right;
@ -5130,7 +5141,7 @@ span.req {
-webkit-transition-delay: 0;
transition-delay: 0; }
/* line 377, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 391, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.primary-pane .object-browse-bar {
min-width: 200px; } }
/*****************************************************************************

View File

@ -20,7 +20,7 @@
* this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information.
*****************************************************************************/
/* line 5, ../../../../../../../../../.rvm/gems/ruby-2.2.3/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,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
@ -41,38 +41,38 @@ time, mark, audio, video {
font-size: 100%;
vertical-align: baseline; }
/* line 22, ../../../../../../../../../.rvm/gems/ruby-2.2.3/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 {
line-height: 1; }
/* line 24, ../../../../../../../../../.rvm/gems/ruby-2.2.3/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 {
list-style: none; }
/* line 26, ../../../../../../../../../.rvm/gems/ruby-2.2.3/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 {
border-collapse: collapse;
border-spacing: 0; }
/* line 28, ../../../../../../../../../.rvm/gems/ruby-2.2.3/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 {
text-align: left;
font-weight: normal;
vertical-align: middle; }
/* line 30, ../../../../../../../../../.rvm/gems/ruby-2.2.3/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 {
quotes: none; }
/* line 103, ../../../../../../../../../.rvm/gems/ruby-2.2.3/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 {
content: "";
content: none; }
/* line 32, ../../../../../../../../../.rvm/gems/ruby-2.2.3/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 {
border: none; }
/* line 116, ../../../../../../../../../.rvm/gems/ruby-2.2.3/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 {
display: block; }
@ -4659,64 +4659,64 @@ span.req {
.user-environ .ue-bottom-bar .app-logo.logo-openmctweb {
background: url("../../../../general/res/images/logo-openmctweb.svg") no-repeat center center; }
/* line 112, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 113, ../../../../general/res/sass/user-environ/_layout.scss */
.edit-mode .split-layout .split-pane-component.pane.right {
width: 15%; }
/* line 114, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 115, ../../../../general/res/sass/user-environ/_layout.scss */
.edit-mode .split-layout .split-pane-component.pane.right .pane.bottom {
min-height: 50px;
height: 30%; }
/* line 122, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 123, ../../../../general/res/sass/user-environ/_layout.scss */
.pane {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute; }
/* line 126, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 127, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .pane-header {
text-transform: uppercase;
height: 24px;
line-height: 24px; }
/* line 132, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 133, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .primary-pane {
z-index: 2; }
/* line 137, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 138, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane {
z-index: 5; }
@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
/* line 137, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 138, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane {
top: 10px;
height: 24px;
line-height: 24px; }
/* line 145, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 146, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane:after {
opacity: 0; }
/* line 150, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 151, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane.collapsed:before {
opacity: 0; }
/* line 153, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 154, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane.collapsed:after {
opacity: 1; }
/* line 157, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 158, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left {
left: 0;
-moz-transform: translateX(-33px);
-ms-transform: translateX(-33px);
-webkit-transform: translateX(-33px);
transform: translateX(-33px); }
/* line 160, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 161, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:after {
content: '\6d'; }
/* line 163, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 164, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left.collapsed {
left: 0;
-moz-transform: translateX(-17px);
-ms-transform: translateX(-17px);
-webkit-transform: translateX(-17px);
transform: translateX(-17px); }
/* line 167, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 168, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:not(.collapsed):before {
-moz-transition-property: opacity;
-o-transition-property: opacity;
@ -4734,16 +4734,16 @@ span.req {
-o-transition-delay: 200ms;
-webkit-transition-delay: 200ms;
transition-delay: 200ms; }
/* line 171, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 172, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right {
right: 10px; }
/* line 173, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 174, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right:after {
content: '\e615'; }
/* line 176, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 177, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right.collapsed {
right: 5px; } }
/* line 184, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 185, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .left.l-inspect, .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, .pane.items .object-browse-bar .left.l-object-wrapper, .pane.items .object-browse-bar .l-object-wrapper .left.object-holder-main, .l-object-wrapper .pane.items .object-browse-bar .left.object-holder-main,
@ -4760,36 +4760,47 @@ span.req {
.l-object-wrapper .pane.items .object-browse-bar .right.object-holder-main {
top: auto; }
/* line 194, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 195, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout .holder.holder-treeview-elements {
top: 10px;
right: 0;
bottom: 10px;
left: 10px; }
/* line 201, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 200, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout .holder.holder-treeview-elements .create-btn-holder {
height: auto;
overflow: hidden; }
/* line 203, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout .holder.holder-treeview-elements .create-btn-holder.s-status-editing {
height: 0;
margin: 0; }
/* line 206, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout .holder.holder-treeview-elements .create-btn-holder.s-status-editing + .search-holder .search-bar {
margin-right: 20px; }
/* line 215, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout .holder.holder-object-and-inspector {
top: 0;
right: 0;
bottom: 0;
left: 0; }
/* line 206, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 220, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout .holder.holder-object-and-inspector .holder-object {
top: 10px;
bottom: 10px; }
/* line 210, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 224, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout .holder.holder-object-and-inspector .holder-inspector {
top: 10px;
bottom: 10px;
left: 10px;
right: 10px; }
/* line 216, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 230, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout .holder.holder-object-and-inspector .holder-elements {
top: 0;
bottom: 10px;
left: 10px;
right: 10px; }
/* line 225, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 239, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder {
overflow: auto;
position: absolute;
@ -4801,7 +4812,7 @@ span.req {
height: auto;
top: 34px; }
/* line 237, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 251, ../../../../general/res/sass/user-environ/_layout.scss */
.l-object-wrapper.active {
-moz-animation-name: pulseBorder;
-webkit-animation-name: pulseBorder;
@ -4843,7 +4854,7 @@ span.req {
border-color: rgba(75, 177, 199, 0.3); }
100% {
border-color: #4bb1c7; } }
/* line 244, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 258, ../../../../general/res/sass/user-environ/_layout.scss */
.l-object-wrapper.active .l-object-wrapper-inner {
overflow: hidden;
position: absolute;
@ -4854,7 +4865,7 @@ span.req {
width: auto;
height: auto; }
/* line 250, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 264, ../../../../general/res/sass/user-environ/_layout.scss */
.l-object-wrapper-inner {
-moz-transition-property: height, width, top, right, bottom, left, opacity;
-o-transition-property: height, width, top, right, bottom, left, opacity;
@ -4869,7 +4880,7 @@ span.req {
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; }
/* line 254, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 268, ../../../../general/res/sass/user-environ/_layout.scss */
.l-edit-controls {
-moz-transition-property: opacity, height;
-o-transition-property: opacity, height;
@ -4891,16 +4902,16 @@ span.req {
line-height: 25px;
height: 0px;
opacity: 0; }
/* line 260, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 274, ../../../../general/res/sass/user-environ/_layout.scss */
.l-edit-controls.active {
height: 30px;
margin-bottom: 5px;
opacity: 1; }
/* line 265, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 279, ../../../../general/res/sass/user-environ/_layout.scss */
.l-edit-controls .tool-bar {
right: 5px; }
/* line 270, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 284, ../../../../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,
@ -4912,13 +4923,13 @@ span.req {
line-height: 25px;
vertical-align: top; }
/* line 283, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 297, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .view-switcher,
.top-bar .view-switcher {
margin-right: 20px; }
/***************************************************** OBJECT BROWSE BAR */
/* line 289, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 303, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
@ -4926,20 +4937,20 @@ span.req {
height: 24px;
line-height: 24px;
white-space: nowrap; }
/* line 296, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 310, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .left {
padding-right: 10px; }
/* line 298, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 312, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .left .l-back:not(.s-status-editing) {
margin-right: 10px; }
/* line 307, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 321, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .tree-holder,
.pane-tree-hidden .splitter-treeview,
.pane-tree-hidden .holder-treeview-elements {
opacity: 0; }
/* line 316, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 330, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-showing .tree-holder,
.pane-tree-showing .splitter-treeview {
-moz-transition-property: opacity;
@ -4959,7 +4970,7 @@ span.req {
-webkit-transition-delay: 250ms;
transition-delay: 250ms;
opacity: 1; }
/* line 322, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 336, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-showing .holder-treeview-elements {
-moz-transition-property: opacity;
-o-transition-property: opacity;
@ -4978,7 +4989,7 @@ span.req {
-webkit-transition-delay: 200ms;
transition-delay: 200ms; }
/* line 329, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 343, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-showing .l-object-and-inspector .l-inspect,
.pane-inspect-showing .l-object-and-inspector .splitter-inspect {
-moz-transition-property: opacity;
@ -4999,41 +5010,41 @@ span.req {
transition-delay: 250ms;
opacity: 1; }
/* line 339, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 353, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-hidden .l-object-and-inspector .l-inspect,
.pane-inspect-hidden .l-object-and-inspector .splitter-inspect {
opacity: 0; }
@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
/* line 347, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 361, ../../../../general/res/sass/user-environ/_layout.scss */
.holder-all {
min-width: 600px; }
/* line 352, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 366, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout .split-pane-component.pane.treeview.left {
min-width: 150px;
max-width: 35%;
width: 25%; }
/* line 357, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 371, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout .split-pane-component.pane.t-inspect.right {
min-width: 200px;
max-width: 35%;
width: 20%;
z-index: 3; }
/* line 365, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 379, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .tree-holder {
padding-right: 5px; }
/* line 369, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 383, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .pane.right.primary-pane {
left: 22px !important; }
/* line 372, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 386, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-hidden .l-object-and-inspector .pane.left {
right: 22px !important; }
/* line 374, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 388, ../../../../general/res/sass/user-environ/_layout.scss */
.pane:not(.resizing) {
-moz-transition-property: width, left, right;
-o-transition-property: width, left, right;
@ -5052,7 +5063,7 @@ span.req {
-webkit-transition-delay: 0;
transition-delay: 0; }
/* line 377, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 391, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.primary-pane .object-browse-bar {
min-width: 200px; } }
/*****************************************************************************