From 267bcfeb8b24121b03488ff18232e81d5ab559af Mon Sep 17 00:00:00 2001 From: Charles Hacskaylo Date: Tue, 8 Dec 2015 15:54:32 -0800 Subject: [PATCH] [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; --- .../res/sass/user-environ/_layout.scss | 70 ++++++---- .../espresso/res/css/theme-espresso.css | 125 ++++++++++-------- .../themes/snow/res/css/theme-snow.css | 125 ++++++++++-------- 3 files changed, 178 insertions(+), 142 deletions(-) diff --git a/platform/commonUI/general/res/sass/user-environ/_layout.scss b/platform/commonUI/general/res/sass/user-environ/_layout.scss index 5c2a5a7b69..8c22204943 100644 --- a/platform/commonUI/general/res/sass/user-environ/_layout.scss +++ b/platform/commonUI/general/res/sass/user-environ/_layout.scss @@ -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 { diff --git a/platform/commonUI/themes/espresso/res/css/theme-espresso.css b/platform/commonUI/themes/espresso/res/css/theme-espresso.css index 3bcfb4805b..50976a96a5 100644 --- a/platform/commonUI/themes/espresso/res/css/theme-espresso.css +++ b/platform/commonUI/themes/espresso/res/css/theme-espresso.css @@ -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; } } /***************************************************************************** diff --git a/platform/commonUI/themes/snow/res/css/theme-snow.css b/platform/commonUI/themes/snow/res/css/theme-snow.css index 805ec85444..005a8684fe 100644 --- a/platform/commonUI/themes/snow/res/css/theme-snow.css +++ b/platform/commonUI/themes/snow/res/css/theme-snow.css @@ -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; } } /*****************************************************************************