From f8aa1231226f5c6cc4a7c1fb45e928106c2fdab7 Mon Sep 17 00:00:00 2001 From: Henry Date: Mon, 11 Jan 2016 14:42:49 -0800 Subject: [PATCH] [New Edit Mode] Merged styles and markup from prototype --- .../browse/res/templates/browse-object.html | 14 +- .../res/templates/edit-action-buttons.html | 7 +- .../commonUI/general/res/sass/_effects.scss | 26 +- .../commonUI/general/res/sass/_global.scss | 7 +- .../commonUI/general/res/sass/_inspector.scss | 47 +- .../commonUI/general/res/sass/_mixins.scss | 12 +- .../general/res/sass/controls/_buttons.scss | 13 + .../res/sass/controls/_time-controller.scss | 8 +- .../general/res/sass/edit/_editor.scss | 6 +- .../general/res/sass/forms/_elems.scss | 18 +- .../general/res/sass/forms/_filter.scss | 91 +- .../general/res/sass/mobile/_layout.scss | 2 +- .../commonUI/general/res/sass/tree/_tree.scss | 29 + .../general/res/sass/user-environ/_frame.scss | 1 + .../res/sass/user-environ/_layout.scss | 132 +- .../res/sass/user-environ/_tool-bar.scss | 4 +- .../res/sass/user-environ/_top-bar.scss | 3 +- .../res/templates/controls/input-filter.html | 10 +- .../res/templates/object-inspector.html | 115 +- .../espresso/res/css/theme-espresso.css | 1243 ++++++++++++----- .../themes/espresso/res/sass/_constants.scss | 22 +- .../themes/snow/res/css/theme-snow.css | 1219 +++++++++++----- .../themes/snow/res/sass/_constants.scss | 14 +- .../features/plot/res/templates/plot.html | 3 +- .../scrolling/res/templates/scrolling.html | 2 +- .../timeline/res/sass/_activities.scss | 3 +- .../timeline/res/sass/_timeline-thematic.scss | 6 +- 27 files changed, 2148 insertions(+), 909 deletions(-) diff --git a/platform/commonUI/browse/res/templates/browse-object.html b/platform/commonUI/browse/res/templates/browse-object.html index aeeb621e66..3632267df8 100644 --- a/platform/commonUI/browse/res/templates/browse-object.html +++ b/platform/commonUI/browse/res/templates/browse-object.html @@ -19,13 +19,12 @@ this source code distribution or the Licensing information page available at runtime from the About dialog for additional information. --> - -
+
+
- + class="flex-elem l-back"> @@ -44,8 +43,7 @@
-
+
@@ -58,6 +56,7 @@ mct-object="domainObject" class='flex-elem conclude-editing'> +
- +
+
diff --git a/platform/commonUI/edit/res/templates/edit-action-buttons.html b/platform/commonUI/edit/res/templates/edit-action-buttons.html index d2f99e9c04..1d12fb7913 100644 --- a/platform/commonUI/edit/res/templates/edit-action-buttons.html +++ b/platform/commonUI/edit/res/templates/edit-action-buttons.html @@ -21,10 +21,11 @@ --> - - {{currentAction.getMetadata().name}} + ng-class="{ major: $index === 0 }"> + {{currentAction.getMetadata().name}} \ No newline at end of file diff --git a/platform/commonUI/general/res/sass/_effects.scss b/platform/commonUI/general/res/sass/_effects.scss index 61e6c26f2c..ed740b9bcb 100644 --- a/platform/commonUI/general/res/sass/_effects.scss +++ b/platform/commonUI/general/res/sass/_effects.scss @@ -47,14 +47,11 @@ a.disabled { @include animation-name(pulse, 0.2); } -@include keyframes(pulse) { - 0% { opacity: 0.5; } - 100% { opacity: 1; } -} - - -@mixin pulse($dur: 500ms, $iteration: infinite) { - //@include customKeyframes(pulse, 0.2); +@mixin pulse($dur: 500ms, $iteration: infinite, $opacity0: 0.5, $opacity100: 1) { + @include keyframes(pulse) { + 0% { opacity: $opacity0; } + 100% { opacity: $opacity100; } + } @include animation-name(pulse); @include animation-duration($dur); @include animation-direction(alternate); @@ -62,6 +59,19 @@ a.disabled { @include animation-timing-function(ease-in-out); } +@mixin pulseBorder($c: red, $dur: 500ms, $iteration: infinite, $delay: 0s, $opacity0: 0, $opacity100: 1) { + @include keyframes(pulseBorder) { + 0% { border-color: rgba($c, $opacity0); } + 100% { border-color: rgba($c, $opacity100); } + } + @include animation-name(pulseBorder); + @include animation-duration($dur); + @include animation-direction(alternate); + @include animation-iteration-count($iteration); + @include animation-timing-function(ease); + @include animation-delay($delay); +} + .pulse { @include pulse(750ms); } \ No newline at end of file diff --git a/platform/commonUI/general/res/sass/_global.scss b/platform/commonUI/general/res/sass/_global.scss index 54c41b1431..545a98610b 100644 --- a/platform/commonUI/general/res/sass/_global.scss +++ b/platform/commonUI/general/res/sass/_global.scss @@ -121,7 +121,12 @@ mct-container { text-align: center; } -.scrolling { +.ellipsis { + @include ellipsize(); +} + +.scrolling, +.scroll { overflow: auto; } diff --git a/platform/commonUI/general/res/sass/_inspector.scss b/platform/commonUI/general/res/sass/_inspector.scss index 7523c3f3b6..f1420da094 100644 --- a/platform/commonUI/general/res/sass/_inspector.scss +++ b/platform/commonUI/general/res/sass/_inspector.scss @@ -23,7 +23,7 @@ .l-inspect, .l-inspect table tr td { - font-size: 0.7rem; + font-size: 0.75rem; } .l-inspect { @@ -31,6 +31,9 @@ background: $colorInspectorBg; color: $colorInspectorFg; line-height: 140%; + + .flex-elem.holder:not(:last-child) { margin-bottom: $interiorMargin; } + .pane-header { color: pushBack($colorInspectorFg, 20%); font-size: 0.8rem; @@ -43,6 +46,16 @@ vertical-align: bottom; } } + + .split-layout { + .split-pane-component.pane { + &.bottom { + height: 30%; + min-height: 20%; + max-height: 80%; + } + } + } ul { @include box-sizing(border-box); @@ -118,4 +131,34 @@ width: 4px; } } -} \ No newline at end of file + .holder-elements { + .current-elements { + position: relative; + .tree-item { + .t-object-label { + // Elements pool is a flat list, so don't indent items. + font-size: 0.75rem; + left: 0; + } + } + } + } +} + +.l-inspect { + .splitter-inspect-panel, + .split-pane-component.pane.bottom { + @include trans-prop-nice(opacity, 250ms); // Not working as desired currently; entire inspector seems to be destroyed and recreated when switching into and out of edit mode. + opacity: 0; + pointer-events: none; + } +} + +.s-status-editing .l-inspect { + .location-item { pointer-events: none; } + .splitter-inspect-panel, + .split-pane-component.pane.bottom { + opacity: 1; + pointer-events: inherit; + } +} diff --git a/platform/commonUI/general/res/sass/_mixins.scss b/platform/commonUI/general/res/sass/_mixins.scss index e4c5d72a82..c3763e217b 100644 --- a/platform/commonUI/general/res/sass/_mixins.scss +++ b/platform/commonUI/general/res/sass/_mixins.scss @@ -64,6 +64,12 @@ } } +@mixin trans-prop-nice-resize($t: 0.5s, $tf: ease-in-out) { + @include transition-property(height, width, top, right, bottom, left, opacity); + @include transition-duration($t); + @include transition-timing-function($tf); +} + @mixin trans-prop-nice-resize-h($dur: 500ms, $delay: 0) { @include transition-property(height, bottom, top); @include transition-duration($dur); @@ -309,11 +315,11 @@ } } -@mixin input-base($bg: $colorBodyBg, $fg: $colorBodyFg) { +@mixin input-base($bg: $colorInputBg, $fg: $colorInputFg, $shdw: rgba(black, 0.6) 0 1px 3px) { @include appearance(none); @include border-radius($controlCr); @include box-sizing(border-box); - @include box-shadow(inset rgba(black, 0.4) 0 1px 3px); + @include box-shadow(inset $shdw); background: $bg; border: none; color: $fg; @@ -323,7 +329,7 @@ } } -@mixin nice-input($bg: $colorBodyBg, $fg: $colorBodyFg) { +@mixin nice-input($bg: $colorInputBg, $fg: $colorInputFg) { @include input-base($bg, $fg); padding: 0 $interiorMarginSm; } diff --git a/platform/commonUI/general/res/sass/controls/_buttons.scss b/platform/commonUI/general/res/sass/controls/_buttons.scss index 305d68bbcc..c999828ee9 100644 --- a/platform/commonUI/general/res/sass/controls/_buttons.scss +++ b/platform/commonUI/general/res/sass/controls/_buttons.scss @@ -35,6 +35,7 @@ $pad: $interiorMargin * $baseRatio; @include box-sizing(border-box); padding: 0 $pad; font-size: 0.7rem; + vertical-align: top; .icon { font-size: 0.8rem; @@ -70,6 +71,18 @@ $pad: $interiorMargin * $baseRatio; &.pause-play { } + &.t-save:before { + content:'\e612'; + font-family: symbolsfont; + margin-right: $interiorMarginSm; + } + &.t-cancel { + .title-label { display: none; } + &:before { + content:'\78'; + font-family: symbolsfont; + } + } &.pause-play { .icon:before { diff --git a/platform/commonUI/general/res/sass/controls/_time-controller.scss b/platform/commonUI/general/res/sass/controls/_time-controller.scss index 75f9c2a872..f615104666 100644 --- a/platform/commonUI/general/res/sass/controls/_time-controller.scss +++ b/platform/commonUI/general/res/sass/controls/_time-controller.scss @@ -6,10 +6,6 @@ } } -.l-time-controller-visible { - -} - mct-include.l-time-controller { $minW: 500px; $knobHOffset: 0px; @@ -22,10 +18,10 @@ mct-include.l-time-controller { $r2H: nth($ueTimeControlH,2); $r3H: nth($ueTimeControlH,3); - @include absPosDefault(); + //@include absPosDefault(); //@include test(); display: block; - top: auto; + //top: auto; height: $r1H + $r2H + $r3H + ($interiorMargin * 2); min-width: $minW; font-size: 0.8rem; diff --git a/platform/commonUI/general/res/sass/edit/_editor.scss b/platform/commonUI/general/res/sass/edit/_editor.scss index 3245df8d35..4a8edf8120 100644 --- a/platform/commonUI/general/res/sass/edit/_editor.scss +++ b/platform/commonUI/general/res/sass/edit/_editor.scss @@ -19,8 +19,10 @@ * this source code distribution or the Licensing information page available * at runtime from the About dialog for additional information. *****************************************************************************/ - +.s-status-editing .l-object-wrapper, .edit-main { + // .s-status-editing .l-object-wrapper is relevant to New Edit Mode; + // .edit-main is legacy for old edit mode. $handleD: 15px; $cr: 5px; .edit-corner, @@ -92,12 +94,10 @@ } } - .frame.child-frame.panel { &:hover { @include boxShdwLarge(); border-color: $colorKey; - //z-index: 2; .view-switcher { opacity: 1; } diff --git a/platform/commonUI/general/res/sass/forms/_elems.scss b/platform/commonUI/general/res/sass/forms/_elems.scss index 8ffdce8df8..2e7f87ef9a 100644 --- a/platform/commonUI/general/res/sass/forms/_elems.scss +++ b/platform/commonUI/general/res/sass/forms/_elems.scss @@ -31,7 +31,6 @@ } .form { -// @include test(orange); color: $colorFormText; .form-section { position: relative; @@ -112,12 +111,8 @@ .selector-list { // Used in create overlay to display tree view - @include nice-input($colorInputBg, $colorInputFg); + @include nice-input(); $h: 150px; - //@include border-radius($basicCr); - //@include box-sizing(border-box); - //background: rgba(black, 0.2); - //padding: $interiorMargin; position: relative; height: $h; // max-width: 50%; @@ -162,13 +157,9 @@ label.form-control.checkbox { } } -input[type="text"] { - @include nice-input($colorInputBg, $colorInputFg); - &.filter { - &.ng-dirty { - // background: red; - } - } +input[type="text"], +input[type="search"] { + @include nice-input(); &.numeric { text-align: right; } @@ -176,7 +167,6 @@ input[type="text"] { textarea { @include nice-textarea($colorInputBg, $colorInputFg); - // font-size: 0.9em; position: absolute; height: 100%; width: 100%; diff --git a/platform/commonUI/general/res/sass/forms/_filter.scss b/platform/commonUI/general/res/sass/forms/_filter.scss index 55eeef7c98..64f697e439 100644 --- a/platform/commonUI/general/res/sass/forms/_filter.scss +++ b/platform/commonUI/general/res/sass/forms/_filter.scss @@ -21,20 +21,7 @@ *****************************************************************************/ .filter, .t-filter { - input.filter, input.t-filter-input { - @include subdued-input(); - } - input.t-filter-input { - height: $formInputH; - width: 200px; - &:not(.ng-dirty) { -// TO-DO: Update compass install to support this -// @include input-placeholder { -// color: rgba(#fff, 0.3); -// font-style: italic; -// } - } &:not(.ng-dirty) + .t-a-clear { display: none; } @@ -76,13 +63,6 @@ background-color: $colorKey; } } -// &:not(ng-dirty) -} - -.l-filter { - // Holds an input and a clear button - display:inline-block; - position: relative; } .top-bar { @@ -100,4 +80,75 @@ .icon-filter { font-size: 1.4em; } +} + +.l-filter { + $iconEdgeM: 4px; + $iconD: $formInputH - ($iconEdgeM * 2); + // Adds a magnifying glass before, holds an input and a clear button + display: inline-block; + position: relative; + + input[type="search"] { + padding: 2px ($iconD + $interiorMargin); + } + .clear-icon, + .menu-icon, + &:before { + @include box-sizing(border-box); + display: inline-block; + line-height: inherit; + position: absolute; + top: 50%; + @include transform(translateY(-50%)); + z-index: 1; + } + + &:before { + // Magnify glass icon + content:'\4d'; + left: $interiorMargin; + @include trans-prop-nice(color, 250ms); + pointer-events: none; + } + + .clear-icon { + right: $iconEdgeM; + // Icon is visible only when there is text input + visibility: hidden; + opacity: 0; + &.show { + visibility: visible; + opacity: 1; + } + + &:hover { + color: pullForward($colorInputIcon, 10%); + } + } +} + +.s-filter { + input[type="search"] { + @include input-base(); + } + .clear-icon, + .menu-icon, + &:before { + color: $colorInputIcon; + cursor: pointer; + font-family: symbolsfont; + @include trans-prop-nice((opacity, color), 150ms); + } + // Make icon lighten when hovering over search bar + &:hover:before { + color: pullForward($colorInputIcon, 10%); + } + + .clear-icon { + // 'x' in circle icon + &:before { + content: '\e607'; + } + } } \ No newline at end of file diff --git a/platform/commonUI/general/res/sass/mobile/_layout.scss b/platform/commonUI/general/res/sass/mobile/_layout.scss index 39fc977921..8d0cc15770 100644 --- a/platform/commonUI/general/res/sass/mobile/_layout.scss +++ b/platform/commonUI/general/res/sass/mobile/_layout.scss @@ -102,7 +102,7 @@ } .object-browse-bar { - left: 45px !important; + margin-left: 45px; .context-available { opacity: 1 !important; } diff --git a/platform/commonUI/general/res/sass/tree/_tree.scss b/platform/commonUI/general/res/sass/tree/_tree.scss index 1f9981b642..2561bcdd8d 100644 --- a/platform/commonUI/general/res/sass/tree/_tree.scss +++ b/platform/commonUI/general/res/sass/tree/_tree.scss @@ -149,3 +149,32 @@ mct-representation { border-color: rgba($colorItemTreeSelectedFg, 0.25); border-top-color: rgba($colorItemTreeSelectedFg, 1.0); } + +.tree .s-status-editing, +.search-results .s-status-editing { + // Item is being edited + .tree-item, + .search-result-item { + background: $colorItemTreeEditingBg; + pointer-events: none; + &:before { + // Pencil icon + @extend .ui-symbol; + @include pulse($dur: 1s, $opacity0: 0.25); + color: $colorItemTreeEditingFg; + content: '\70'; + margin-right: $interiorMarginSm; + } + .t-object-label { + .t-item-icon, + .t-title-label { + color: $colorItemTreeEditingFg; + @include text-shadow(none); + } + .t-title-label { + font-style: italic; + } + } + .view-control, + .tree-item-subtree { display: none; } + } +} diff --git a/platform/commonUI/general/res/sass/user-environ/_frame.scss b/platform/commonUI/general/res/sass/user-environ/_frame.scss index 0add17931e..a88ecb7ee1 100644 --- a/platform/commonUI/general/res/sass/user-environ/_frame.scss +++ b/platform/commonUI/general/res/sass/user-environ/_frame.scss @@ -25,6 +25,7 @@ &.child-frame.panel { background: $colorBodyBg; border: 1px solid $bc; + z-index: 0; // Needed to prevent child-frame controls from showing through when another child-frame is above &:hover { border-color: lighten($bc, 10%); } diff --git a/platform/commonUI/general/res/sass/user-environ/_layout.scss b/platform/commonUI/general/res/sass/user-environ/_layout.scss index 53dfe01af0..0d91fdc7ed 100644 --- a/platform/commonUI/general/res/sass/user-environ/_layout.scss +++ b/platform/commonUI/general/res/sass/user-environ/_layout.scss @@ -77,38 +77,38 @@ } } - // from _bottom-bar.scss - .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%; @@ -172,7 +172,7 @@ &.toggle-inspect.anchor-right { right: $bodyMargin; &:after { - content: '\e615'; // e615: Crosshair icon; was e608: Info "i" icon + content: '\e615'; // Eye icon } &.collapsed { right: $interiorMargin; @@ -197,6 +197,16 @@ right: 0; bottom: $bodyMargin; left: $bodyMargin; + .create-btn-holder { + &.s-status-editing { + display: none; + & + .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 { @@ -208,25 +218,50 @@ top: $bodyMargin; bottom: $bodyMargin; } - .holder-inspector-elements { + .holder-inspector { top: $bodyMargin; bottom: $bodyMargin; left: $bodyMargin; right: $bodyMargin; } + .holder-elements { + top: 0; + bottom: $bodyMargin; + left: $bodyMargin; + right: $bodyMargin; + } } } .object-holder { @include absPosDefault(0, auto); top: $ueTopBarH + $interiorMarginLg; - &.l-controls-visible { - &.l-time-controller-visible { - bottom: nth($ueTimeControlH,1) + nth($ueTimeControlH,2) +nth($ueTimeControlH,3) + ($interiorMargin * 3); +} + +.l-object-wrapper { + @extend .abs; + + .object-holder-main { + @extend .abs; + } + .l-edit-controls { + //@include trans-prop-nice((opacity, height), 0.25s); + border-bottom: 1px solid $colorInteriorBorder; + line-height: $ueEditToolBarH; + height: 0px; + opacity: 0; + .tool-bar { + right: $interiorMargin; } } } +.l-object-wrapper-inner { + @include trans-prop-nice-resize(0.25s); +} + + + .object-browse-bar .s-btn, .top-bar .buttons-main .s-btn, .top-bar .s-menu-btn, @@ -247,7 +282,6 @@ /***************************************************** OBJECT BROWSE BAR */ .object-browse-bar { - @include absPosDefault(0, visible); // Must use visible to avoid hiding view switcher menu @include box-sizing(border-box); height: $ueTopBarH; line-height: $ueTopBarH; @@ -255,15 +289,13 @@ .left { padding-right: $interiorMarginLg; - .l-back { + .l-back:not(.s-status-editing) { margin-right: $interiorMarginLg; } } } -// When the tree is hidden, these are the -// classes used for the left menu and the -// right representation. +// When the tree is hidden, these are the classes used for the left menu and the right representation. .pane-tree-hidden { // Sets the left tree menu when the tree is hidden. .tree-holder, @@ -299,9 +331,6 @@ .pane-inspect-hidden { .l-object-and-inspector { - .t-inspect { - z-index: 1 !important; // Move down so that primary pane elements are clickable - } .l-inspect, .splitter-inspect { opacity: 0; @@ -345,3 +374,22 @@ min-width: 200px; // Needed for nice display when primary pane is constrained severely via splitters } } + +.s-status-editing { + .l-object-wrapper { + @include pulseBorder($colorEditAreaFg, $dur: 1s, $opacity0: 0.3); + @include border-radius($controlCr); + background-color: $colorEditAreaBg; + border-color: $colorEditAreaFg; + border-width: 2px; + border-style: dotted; + .l-object-wrapper-inner { + @include absPosDefault(3px, hidden); + } + .l-edit-controls { + height: $ueEditToolBarH + $interiorMargin; + margin-bottom: $interiorMargin; + opacity: 1; + } + } +} diff --git a/platform/commonUI/general/res/sass/user-environ/_tool-bar.scss b/platform/commonUI/general/res/sass/user-environ/_tool-bar.scss index 1ad9389ae5..55ded31b5b 100644 --- a/platform/commonUI/general/res/sass/user-environ/_tool-bar.scss +++ b/platform/commonUI/general/res/sass/user-environ/_tool-bar.scss @@ -20,7 +20,9 @@ * at runtime from the About dialog for additional information. *****************************************************************************/ .tool-bar { - border-bottom: 1px solid $colorInteriorBorder; + &.btn-bar { + white-space: nowrap; + } .l-control-group { height: $btnToolbarH; } diff --git a/platform/commonUI/general/res/sass/user-environ/_top-bar.scss b/platform/commonUI/general/res/sass/user-environ/_top-bar.scss index 33e5ddbcaf..0478ca595a 100644 --- a/platform/commonUI/general/res/sass/user-environ/_top-bar.scss +++ b/platform/commonUI/general/res/sass/user-environ/_top-bar.scss @@ -46,8 +46,7 @@ .edit-mode { .top-bar { .buttons-main { -// background: red; -// width: 600px; + // Old edit mode white-space: nowrap; &.abs { bottom: auto; diff --git a/platform/commonUI/general/res/templates/controls/input-filter.html b/platform/commonUI/general/res/templates/controls/input-filter.html index 1e119c3bb2..07446ed35e 100644 --- a/platform/commonUI/general/res/templates/controls/input-filter.html +++ b/platform/commonUI/general/res/templates/controls/input-filter.html @@ -20,15 +20,13 @@ at runtime from the About dialog for additional information. --> - - + - x \ No newline at end of file diff --git a/platform/commonUI/general/res/templates/object-inspector.html b/platform/commonUI/general/res/templates/object-inspector.html index 3a033fd7ab..1262e3a1e7 100644 --- a/platform/commonUI/general/res/templates/object-inspector.html +++ b/platform/commonUI/general/res/templates/object-inspector.html @@ -23,49 +23,49 @@
-
-
Inspection
-
    -
  • - Properties -
    -
    {{ data.name }}
    -
    {{ data.value }}
    -
    -
  • -
  • - Location - - - - -
  • -
  • - Original Location - - - - -
  • -
-
+
+
Inspection
+
    +
  • + Properties +
    +
    {{ data.name }}
    +
    {{ data.value }}
    +
    +
  • +
  • + Location + + + + +
  • +
  • + Original Location + + + + +
  • +
+
- -
+ +
Elements
- -
+ +
  • + Location + + + + +
  • +
  • + Original Location + + + + +
  • + +
    diff --git a/platform/commonUI/themes/espresso/res/css/theme-espresso.css b/platform/commonUI/themes/espresso/res/css/theme-espresso.css index 19d2d6fcb4..468081f349 100644 --- a/platform/commonUI/themes/espresso/res/css/theme-espresso.css +++ b/platform/commonUI/themes/espresso/res/css/theme-espresso.css @@ -248,22 +248,7 @@ a.disabled { .test { background-color: rgba(255, 204, 0, 0.2) !important; } -@-moz-keyframes pulse { - 0% { - opacity: 0.5; } - 100% { - opacity: 1; } } -@-webkit-keyframes pulse { - 0% { - opacity: 0.5; } - 100% { - opacity: 1; } } -@keyframes pulse { - 0% { - opacity: 0.5; } - 100% { - opacity: 1; } } -/* line 65, ../../../../general/res/sass/_effects.scss */ +/* line 75, ../../../../general/res/sass/_effects.scss */ .pulse { -moz-animation-name: pulse; -webkit-animation-name: pulse; @@ -280,7 +265,21 @@ a.disabled { -moz-animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } - +@-moz-keyframes pulse { + 0% { + opacity: 0.5; } + 100% { + opacity: 1; } } +@-webkit-keyframes pulse { + 0% { + opacity: 0.5; } + 100% { + opacity: 1; } } +@keyframes pulse { + 0% { + opacity: 0.5; } + 100% { + opacity: 1; } } /***************************************************************************** * Open MCT Web, Copyright (c) 2014-2015, United States Government * as represented by the Administrator of the National Aeronautics and Space @@ -370,7 +369,7 @@ mct-container { /* line 93, ../../../../general/res/sass/_global.scss */ .abs, .l-inspect, .l-datetime-picker .l-month-year-pager .pager, -.l-datetime-picker .l-month-year-pager .val, .s-menu-btn span.l-click-area { +.l-datetime-picker .l-month-year-pager .val, .s-menu-btn span.l-click-area, .l-object-wrapper, .l-object-wrapper .object-holder-main { position: absolute; top: 0; right: 0; @@ -400,29 +399,36 @@ mct-container { text-align: center; } /* line 124, ../../../../general/res/sass/_global.scss */ -.scrolling { - overflow: auto; } +.ellipsis { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } /* line 128, ../../../../general/res/sass/_global.scss */ +.scrolling, +.scroll { + overflow: auto; } + +/* line 133, ../../../../general/res/sass/_global.scss */ .vscroll { overflow-y: auto; } -/* line 132, ../../../../general/res/sass/_global.scss */ +/* line 137, ../../../../general/res/sass/_global.scss */ .no-margin { margin: 0; } -/* line 136, ../../../../general/res/sass/_global.scss */ +/* line 141, ../../../../general/res/sass/_global.scss */ .ds { -moz-box-shadow: rgba(0, 0, 0, 0.7) 0 4px 10px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 4px 10px 2px; box-shadow: rgba(0, 0, 0, 0.7) 0 4px 10px 2px; } -/* line 140, ../../../../general/res/sass/_global.scss */ +/* line 145, ../../../../general/res/sass/_global.scss */ .hide, .hidden { display: none !important; } -/* line 145, ../../../../general/res/sass/_global.scss */ +/* line 150, ../../../../general/res/sass/_global.scss */ .off { visibility: hidden; opacity: 0; @@ -432,7 +438,7 @@ mct-container { border: 0; margin: 0 !important; } -/* line 155, ../../../../general/res/sass/_global.scss */ +/* line 160, ../../../../general/res/sass/_global.scss */ .sep { color: rgba(255, 255, 255, 0.2); } @@ -629,7 +635,7 @@ mct-container { *****************************************************************************/ /* line 26, ../../../../general/res/sass/_about.scss */ .l-about.abs, .l-about.l-inspect, .l-datetime-picker .l-month-year-pager .l-about.pager, -.l-datetime-picker .l-month-year-pager .l-about.val, .s-menu-btn span.l-about.l-click-area { +.l-datetime-picker .l-month-year-pager .l-about.val, .s-menu-btn span.l-about.l-click-area, .l-about.l-object-wrapper, .l-object-wrapper .l-about.object-holder-main { overflow: auto; } /* line 31, ../../../../general/res/sass/_about.scss */ .l-about .l-logo-holder { @@ -721,7 +727,7 @@ mct-container { *****************************************************************************/ /* line 24, ../../../../general/res/sass/_text.scss */ .abs.l-standalone, .l-standalone.l-inspect, .l-datetime-picker .l-month-year-pager .l-standalone.pager, -.l-datetime-picker .l-month-year-pager .l-standalone.val, .s-menu-btn span.l-standalone.l-click-area { +.l-datetime-picker .l-month-year-pager .l-standalone.val, .s-menu-btn span.l-standalone.l-click-area, .l-standalone.l-object-wrapper, .l-object-wrapper .l-standalone.object-holder-main { padding: 5% 20%; } /* line 29, ../../../../general/res/sass/_text.scss */ @@ -783,30 +789,66 @@ mct-container { border-right: 5px solid transparent; } /* line 31, ../../../../general/res/sass/_icons.scss */ -.ui-symbol, .t-item-icon, .s-icon-btn, .l-datetime-picker .l-month-year-pager .pager { +.ui-symbol, .t-item-icon, .s-icon-btn, .l-datetime-picker .l-month-year-pager .pager, .tree .s-status-editing .tree-item:before, +.tree .s-status-editing .search-result-item:before, +.search-results .s-status-editing .tree-item:before, +.search-results .s-status-editing .search-result-item:before { font-family: 'symbolsfont'; } /* line 33, ../../../../general/res/sass/_icons.scss */ - .ui-symbol.type-icon, .type-icon.t-item-icon, .type-icon.s-icon-btn, .l-datetime-picker .l-month-year-pager .type-icon.pager { + .ui-symbol.type-icon, .type-icon.t-item-icon, .type-icon.s-icon-btn, .l-datetime-picker .l-month-year-pager .type-icon.pager, .tree .s-status-editing .type-icon.tree-item:before, + .tree .s-status-editing .type-icon.search-result-item:before, + .search-results .s-status-editing .type-icon.tree-item:before, + .search-results .s-status-editing .type-icon.search-result-item:before { color: #cccccc; } /* line 36, ../../../../general/res/sass/_icons.scss */ - .ui-symbol.icon, .t-item-icon, .icon.s-icon-btn, .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager .pager.t-item-icon { + .ui-symbol.icon, .t-item-icon, .icon.s-icon-btn, .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager .pager.t-item-icon, .tree .s-status-editing .icon.tree-item:before, .tree .s-status-editing .tree-item.t-item-icon:before, + .tree .s-status-editing .icon.search-result-item:before, + .tree .s-status-editing .search-result-item.t-item-icon:before, + .search-results .s-status-editing .icon.tree-item:before, + .search-results .s-status-editing .tree-item.t-item-icon:before, + .search-results .s-status-editing .icon.search-result-item:before, + .search-results .s-status-editing .search-result-item.t-item-icon:before { color: #0099cc; font-size: inherit; } /* line 40, ../../../../general/res/sass/_icons.scss */ - .ui-symbol.icon.alert, .alert.t-item-icon, .icon.alert.s-icon-btn, .l-datetime-picker .l-month-year-pager .icon.alert.pager, .l-datetime-picker .l-month-year-pager .alert.pager.t-item-icon { + .ui-symbol.icon.alert, .alert.t-item-icon, .icon.alert.s-icon-btn, .l-datetime-picker .l-month-year-pager .icon.alert.pager, .l-datetime-picker .l-month-year-pager .alert.pager.t-item-icon, .tree .s-status-editing .icon.alert.tree-item:before, .tree .s-status-editing .alert.tree-item.t-item-icon:before, + .tree .s-status-editing .icon.alert.search-result-item:before, + .tree .s-status-editing .alert.search-result-item.t-item-icon:before, + .search-results .s-status-editing .icon.alert.tree-item:before, + .search-results .s-status-editing .alert.tree-item.t-item-icon:before, + .search-results .s-status-editing .icon.alert.search-result-item:before, + .search-results .s-status-editing .alert.search-result-item.t-item-icon:before { color: #ff3c00; } /* line 42, ../../../../general/res/sass/_icons.scss */ - .ui-symbol.icon.alert:hover, .alert.t-item-icon:hover, .icon.alert.s-icon-btn:hover, .l-datetime-picker .l-month-year-pager .icon.alert.pager:hover { + .ui-symbol.icon.alert:hover, .alert.t-item-icon:hover, .icon.alert.s-icon-btn:hover, .l-datetime-picker .l-month-year-pager .icon.alert.pager:hover, .tree .s-status-editing .icon.alert.tree-item:hover:before, .tree .s-status-editing .alert.tree-item.t-item-icon:hover:before, + .tree .s-status-editing .icon.alert.search-result-item:hover:before, + .tree .s-status-editing .alert.search-result-item.t-item-icon:hover:before, + .search-results .s-status-editing .icon.alert.tree-item:hover:before, + .search-results .s-status-editing .alert.tree-item.t-item-icon:hover:before, + .search-results .s-status-editing .icon.alert.search-result-item:hover:before, + .search-results .s-status-editing .alert.search-result-item.t-item-icon:hover:before { color: #ff8a66; } /* line 46, ../../../../general/res/sass/_icons.scss */ - .ui-symbol.icon.major, .major.t-item-icon, .icon.major.s-icon-btn, .l-datetime-picker .l-month-year-pager .icon.major.pager, .l-datetime-picker .l-month-year-pager .major.pager.t-item-icon { + .ui-symbol.icon.major, .major.t-item-icon, .icon.major.s-icon-btn, .l-datetime-picker .l-month-year-pager .icon.major.pager, .l-datetime-picker .l-month-year-pager .major.pager.t-item-icon, .tree .s-status-editing .icon.major.tree-item:before, .tree .s-status-editing .major.tree-item.t-item-icon:before, + .tree .s-status-editing .icon.major.search-result-item:before, + .tree .s-status-editing .major.search-result-item.t-item-icon:before, + .search-results .s-status-editing .icon.major.tree-item:before, + .search-results .s-status-editing .major.tree-item.t-item-icon:before, + .search-results .s-status-editing .icon.major.search-result-item:before, + .search-results .s-status-editing .major.search-result-item.t-item-icon:before { font-size: 1.65em; } /* line 50, ../../../../general/res/sass/_icons.scss */ .ui-symbol.icon-calendar:after, .icon-calendar.t-item-icon:after, .icon-calendar.s-icon-btn:after, .l-datetime-picker .l-month-year-pager .icon-calendar.pager:after { content: "\e605"; } /* line 55, ../../../../general/res/sass/_icons.scss */ -.bar .ui-symbol, .bar .t-item-icon, .bar .s-icon-btn, .bar .l-datetime-picker .l-month-year-pager .pager, .l-datetime-picker .l-month-year-pager .bar .pager { +.bar .ui-symbol, .bar .t-item-icon, .bar .s-icon-btn, .bar .l-datetime-picker .l-month-year-pager .pager, .l-datetime-picker .l-month-year-pager .bar .pager, .bar .tree .s-status-editing .tree-item:before, .tree .s-status-editing .bar .tree-item:before, +.bar .tree .s-status-editing .search-result-item:before, +.tree .s-status-editing .bar .search-result-item:before, +.bar .search-results .s-status-editing .tree-item:before, +.search-results .s-status-editing .bar .tree-item:before, +.bar .search-results .s-status-editing .search-result-item:before, +.search-results .s-status-editing .bar .search-result-item:before { display: inline-block; } /* line 59, ../../../../general/res/sass/_icons.scss */ @@ -1136,7 +1178,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { left: 0; width: auto; height: auto; - background: #404040; + background: rgba(255, 255, 255, 0.1); display: block; } /* line 46, ../../../../general/res/sass/helpers/_splitter.scss */ .splitter:active:after { @@ -1466,18 +1508,21 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { /* line 24, ../../../../general/res/sass/_inspector.scss */ .l-inspect, .l-inspect table tr td { - font-size: 0.7rem; } + font-size: 0.75rem; } /* line 29, ../../../../general/res/sass/_inspector.scss */ .l-inspect { background: #3b3b3b; color: #999; line-height: 140%; } - /* line 34, ../../../../general/res/sass/_inspector.scss */ + /* line 35, ../../../../general/res/sass/_inspector.scss */ + .l-inspect .flex-elem.holder:not(:last-child) { + margin-bottom: 5px; } + /* line 37, ../../../../general/res/sass/_inspector.scss */ .l-inspect .pane-header { color: #666666; font-size: 0.8rem; } - /* line 37, ../../../../general/res/sass/_inspector.scss */ + /* line 40, ../../../../general/res/sass/_inspector.scss */ .l-inspect .pane-header:before { color: gray; content: '\e615'; @@ -1485,45 +1530,50 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { font-family: symbolsfont; margin-right: 5px; vertical-align: bottom; } - /* line 47, ../../../../general/res/sass/_inspector.scss */ + /* line 52, ../../../../general/res/sass/_inspector.scss */ + .l-inspect .split-layout .split-pane-component.pane.bottom { + height: 30%; + min-height: 20%; + max-height: 80%; } + /* line 60, ../../../../general/res/sass/_inspector.scss */ .l-inspect ul { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 5px; } - /* line 52, ../../../../general/res/sass/_inspector.scss */ + /* line 65, ../../../../general/res/sass/_inspector.scss */ .l-inspect ul li, .l-inspect em { display: block; position: relative; } - /* line 58, ../../../../general/res/sass/_inspector.scss */ + /* line 71, ../../../../general/res/sass/_inspector.scss */ .l-inspect ul li { margin-bottom: 10px; } - /* line 62, ../../../../general/res/sass/_inspector.scss */ + /* line 75, ../../../../general/res/sass/_inspector.scss */ .l-inspect em { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; - background-color: #474747; + background-color: rgba(255, 255, 255, 0.1); color: #a1a1a1; margin-bottom: 5px; padding: 5px 5px; text-transform: uppercase; } - /* line 71, ../../../../general/res/sass/_inspector.scss */ + /* line 84, ../../../../general/res/sass/_inspector.scss */ .l-inspect .inspector-properties { padding: 3px 0; } - /* line 72, ../../../../general/res/sass/_inspector.scss */ + /* line 85, ../../../../general/res/sass/_inspector.scss */ .l-inspect .inspector-properties:not(.first) { - border-top: 1px solid #474747; } - /* line 76, ../../../../general/res/sass/_inspector.scss */ + border-top: 1px solid rgba(255, 255, 255, 0.1); } + /* line 89, ../../../../general/res/sass/_inspector.scss */ .l-inspect .inspector-properties .label { color: #737373; text-transform: uppercase; } - /* line 80, ../../../../general/res/sass/_inspector.scss */ + /* line 93, ../../../../general/res/sass/_inspector.scss */ .l-inspect .inspector-properties .value { color: #bfbfbf; word-break: break-all; } - /* line 87, ../../../../general/res/sass/_inspector.scss */ + /* line 100, ../../../../general/res/sass/_inspector.scss */ .l-inspect .inspector-location .location-item { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; @@ -1533,18 +1583,18 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { line-height: 1.2em; position: relative; padding: 2px 4px; } - /* line 96, ../../../../general/res/sass/_inspector.scss */ + /* line 109, ../../../../general/res/sass/_inspector.scss */ .l-inspect .inspector-location .location-item .t-object-label .t-item-icon { height: 1.2em; width: 0.7rem; } - /* line 101, ../../../../general/res/sass/_inspector.scss */ + /* line 114, ../../../../general/res/sass/_inspector.scss */ .l-inspect .inspector-location .location-item:hover { background: rgba(153, 153, 153, 0.1); color: #cccccc; } - /* line 104, ../../../../general/res/sass/_inspector.scss */ + /* line 117, ../../../../general/res/sass/_inspector.scss */ .l-inspect .inspector-location .location-item:hover .icon, .l-inspect .inspector-location .location-item:hover .t-item-icon { color: #33ccff; } - /* line 109, ../../../../general/res/sass/_inspector.scss */ + /* line 122, ../../../../general/res/sass/_inspector.scss */ .l-inspect .inspector-location:not(.last) .t-object-label .t-title-label:after { color: #737373; content: '\3e'; @@ -1555,6 +1605,44 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { line-height: inherit; margin-left: 3px; width: 4px; } + /* line 135, ../../../../general/res/sass/_inspector.scss */ + .l-inspect .holder-elements .current-elements { + position: relative; } + /* line 138, ../../../../general/res/sass/_inspector.scss */ + .l-inspect .holder-elements .current-elements .tree-item .t-object-label { + font-size: 0.75rem; + left: 0; } + +/* line 149, ../../../../general/res/sass/_inspector.scss */ +.l-inspect .splitter-inspect-panel, +.l-inspect .split-pane-component.pane.bottom { + -moz-transition-property: opacity; + -o-transition-property: opacity; + -webkit-transition-property: opacity; + transition-property: opacity; + -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; + opacity: 0; + pointer-events: none; } + +/* line 158, ../../../../general/res/sass/_inspector.scss */ +.s-status-editing .l-inspect .location-item { + pointer-events: none; } +/* line 159, ../../../../general/res/sass/_inspector.scss */ +.s-status-editing .l-inspect .splitter-inspect-panel, +.s-status-editing .l-inspect .split-pane-component.pane.bottom { + opacity: 1; + pointer-events: inherit; } /********************************* CONTROLS */ /* line 1, ../../../../general/res/sass/controls/_breadcrumb.scss */ @@ -1629,24 +1717,25 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 7.5px; - font-size: 0.7rem; } - /* line 39, ../../../../general/res/sass/controls/_buttons.scss */ + font-size: 0.7rem; + vertical-align: top; } + /* line 40, ../../../../general/res/sass/controls/_buttons.scss */ .s-btn .icon, .s-menu-btn .icon, .s-btn .t-item-icon, .s-menu-btn .t-item-icon { font-size: 0.8rem; color: #0099cc; } - /* line 44, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 45, ../../../../general/res/sass/controls/_buttons.scss */ .s-btn .title-label, .s-menu-btn .title-label { vertical-align: top; } - /* line 48, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 49, ../../../../general/res/sass/controls/_buttons.scss */ .s-btn.lg, .lg.s-menu-btn { font-size: 1rem; } - /* line 52, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 53, ../../../../general/res/sass/controls/_buttons.scss */ .s-btn.sm, .sm.s-menu-btn { padding: 0 5px; } - /* line 56, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 57, ../../../../general/res/sass/controls/_buttons.scss */ .s-btn.vsm, .vsm.s-menu-btn { padding: 0 2.5px; } - /* line 60, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 61, ../../../../general/res/sass/controls/_buttons.scss */ .s-btn.major, .major.s-menu-btn { background-color: #0099cc; -moz-border-radius: 3px; @@ -1675,11 +1764,11 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -webkit-transition: background, 0.25s; transition: background, 0.25s; text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; } - /* line 297, ../../../../general/res/sass/_mixins.scss */ + /* line 303, ../../../../general/res/sass/_mixins.scss */ .s-btn.major .icon, .major.s-menu-btn .icon, .s-btn.major .t-item-icon, .major.s-menu-btn .t-item-icon { color: #fff; } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 302, ../../../../general/res/sass/_mixins.scss */ + /* line 308, ../../../../general/res/sass/_mixins.scss */ .s-btn.major:not(.disabled):hover, .major.s-menu-btn:not(.disabled):hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhYzZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; @@ -1687,10 +1776,10 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { background-image: -moz-linear-gradient(#1ac6ff, #00bfff); background-image: -webkit-linear-gradient(#1ac6ff, #00bfff); background-image: linear-gradient(#1ac6ff, #00bfff); } - /* line 304, ../../../../general/res/sass/_mixins.scss */ + /* line 310, ../../../../general/res/sass/_mixins.scss */ .s-btn.major:not(.disabled):hover > .icon, .major.s-menu-btn:not(.disabled):hover > .icon, .s-btn.major:not(.disabled):hover > .t-item-icon, .major.s-menu-btn:not(.disabled):hover > .t-item-icon { color: white; } } - /* line 66, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 67, ../../../../general/res/sass/controls/_buttons.scss */ .s-btn:not(.major), .s-menu-btn:not(.major) { background-color: #454545; -moz-border-radius: 3px; @@ -1719,11 +1808,11 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -webkit-transition: background, 0.25s; transition: background, 0.25s; text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; } - /* line 297, ../../../../general/res/sass/_mixins.scss */ + /* line 303, ../../../../general/res/sass/_mixins.scss */ .s-btn:not(.major) .icon, .s-menu-btn:not(.major) .icon, .s-btn:not(.major) .t-item-icon, .s-menu-btn:not(.major) .t-item-icon { color: #0099cc; } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 302, ../../../../general/res/sass/_mixins.scss */ + /* line 308, ../../../../general/res/sass/_mixins.scss */ .s-btn:not(.major):not(.disabled):hover, .s-menu-btn:not(.major):not(.disabled):hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiNmI2YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; @@ -1731,13 +1820,25 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { background-image: -moz-linear-gradient(#6b6b6b, #5e5e5e); background-image: -webkit-linear-gradient(#6b6b6b, #5e5e5e); background-image: linear-gradient(#6b6b6b, #5e5e5e); } - /* line 304, ../../../../general/res/sass/_mixins.scss */ + /* line 310, ../../../../general/res/sass/_mixins.scss */ .s-btn:not(.major):not(.disabled):hover > .icon, .s-menu-btn:not(.major):not(.disabled):hover > .icon, .s-btn:not(.major):not(.disabled):hover > .t-item-icon, .s-menu-btn:not(.major):not(.disabled):hover > .t-item-icon { color: #33ccff; } } - /* line 75, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 74, ../../../../general/res/sass/controls/_buttons.scss */ + .s-btn.t-save:before, .t-save.s-menu-btn:before { + content: '\e612'; + font-family: symbolsfont; + margin-right: 3px; } + /* line 80, ../../../../general/res/sass/controls/_buttons.scss */ + .s-btn.t-cancel .title-label, .t-cancel.s-menu-btn .title-label { + display: none; } + /* line 81, ../../../../general/res/sass/controls/_buttons.scss */ + .s-btn.t-cancel:before, .t-cancel.s-menu-btn:before { + content: '\78'; + font-family: symbolsfont; } + /* line 88, ../../../../general/res/sass/controls/_buttons.scss */ .s-btn.pause-play .icon:before, .pause-play.s-menu-btn .icon:before, .s-btn.pause-play .t-item-icon:before, .pause-play.s-menu-btn .t-item-icon:before { content: "\0000F1"; } - /* line 78, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 91, ../../../../general/res/sass/controls/_buttons.scss */ .s-btn.pause-play.paused, .pause-play.paused.s-menu-btn { background-color: #c56f01; -moz-border-radius: 3px; @@ -1766,11 +1867,11 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -webkit-transition: background, 0.25s; transition: background, 0.25s; text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; } - /* line 297, ../../../../general/res/sass/_mixins.scss */ + /* line 303, ../../../../general/res/sass/_mixins.scss */ .s-btn.pause-play.paused .icon, .pause-play.paused.s-menu-btn .icon, .s-btn.pause-play.paused .t-item-icon, .pause-play.paused.s-menu-btn .t-item-icon { color: #fff; } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 302, ../../../../general/res/sass/_mixins.scss */ + /* line 308, ../../../../general/res/sass/_mixins.scss */ .s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu-btn:not(.disabled):hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlOTgxNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y4OGMwMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; @@ -1778,10 +1879,10 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { background-image: -moz-linear-gradient(#fe9815, #f88c01); background-image: -webkit-linear-gradient(#fe9815, #f88c01); background-image: linear-gradient(#fe9815, #f88c01); } - /* line 304, ../../../../general/res/sass/_mixins.scss */ + /* line 310, ../../../../general/res/sass/_mixins.scss */ .s-btn.pause-play.paused:not(.disabled):hover > .icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .icon, .s-btn.pause-play.paused:not(.disabled):hover > .t-item-icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .t-item-icon { color: white; } } - /* line 80, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 93, ../../../../general/res/sass/controls/_buttons.scss */ .s-btn.pause-play.paused .icon, .pause-play.paused.s-menu-btn .icon, .s-btn.pause-play.paused .t-item-icon, .pause-play.paused.s-menu-btn .t-item-icon { -moz-animation-name: pulse; -webkit-animation-name: pulse; @@ -1798,15 +1899,30 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -moz-animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } - /* line 82, ../../../../general/res/sass/controls/_buttons.scss */ +@-moz-keyframes pulse { + 0% { + opacity: 0.5; } + 100% { + opacity: 1; } } +@-webkit-keyframes pulse { + 0% { + opacity: 0.5; } + 100% { + opacity: 1; } } +@keyframes pulse { + 0% { + opacity: 0.5; } + 100% { + opacity: 1; } } + /* line 95, ../../../../general/res/sass/controls/_buttons.scss */ .s-btn.pause-play.paused .icon :before, .pause-play.paused.s-menu-btn .icon :before, .s-btn.pause-play.paused .t-item-icon :before, .pause-play.paused.s-menu-btn .t-item-icon :before { content: "\0000EF"; } - /* line 90, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 103, ../../../../general/res/sass/controls/_buttons.scss */ .s-btn.show-thumbs .icon:before, .show-thumbs.s-menu-btn .icon:before, .s-btn.show-thumbs .t-item-icon:before, .show-thumbs.s-menu-btn .t-item-icon:before { content: "\000039"; } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 101, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 114, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab { -moz-border-radius: 3px; -webkit-border-radius: 3px; @@ -1840,10 +1956,10 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { height: 24px; width: 9px; text-align: center; } - /* line 130, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 143, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab:hover { color: #0099cc; } - /* line 135, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 148, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.collapsed { background-color: #454545; -moz-border-radius: 3px; @@ -1872,11 +1988,11 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -webkit-transition: background, 0.25s; transition: background, 0.25s; text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; } - /* line 297, ../../../../general/res/sass/_mixins.scss */ + /* line 303, ../../../../general/res/sass/_mixins.scss */ .mini-tab.collapsed .icon, .mini-tab.collapsed .t-item-icon { color: #0099cc; } } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 302, ../../../../general/res/sass/_mixins.scss */ + /* line 308, ../../../../general/res/sass/_mixins.scss */ .mini-tab.collapsed:not(.disabled):hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiNmI2YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; @@ -1884,23 +2000,23 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { background-image: -moz-linear-gradient(#6b6b6b, #5e5e5e); background-image: -webkit-linear-gradient(#6b6b6b, #5e5e5e); background-image: linear-gradient(#6b6b6b, #5e5e5e); } - /* line 304, ../../../../general/res/sass/_mixins.scss */ + /* line 310, ../../../../general/res/sass/_mixins.scss */ .mini-tab.collapsed:not(.disabled):hover > .icon, .mini-tab.collapsed:not(.disabled):hover > .t-item-icon { color: #33ccff; } } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 138, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 151, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.collapsed:before { opacity: 0; } - /* line 139, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 152, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.collapsed:after { opacity: 1; } - /* line 141, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 154, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.collapsed:hover:before { opacity: 1; } - /* line 142, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 155, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.collapsed:hover:after { opacity: 0; } - /* line 147, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 160, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab:before, .mini-tab:after { -moz-transition-property: left, right, opacity; -o-transition-property: left, right, opacity; @@ -1921,22 +2037,22 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { display: block; height: 100%; position: absolute; } - /* line 156, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 169, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab:before { width: 9px; } - /* line 162, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 175, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab:after { width: 100%; text-align: center; opacity: 0; } - /* line 169, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 182, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-left { text-align: right; } - /* line 172, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 185, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-left:before { content: '\3c'; right: 0; } - /* line 177, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 190, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-left.collapsed { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; @@ -1945,21 +2061,21 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; text-align: left; } - /* line 180, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 193, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-left.collapsed:before { content: '\3e'; left: 0; } - /* line 184, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 197, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-left.collapsed:hover:before { left: 2px; } - /* line 187, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 200, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-right { text-align: left; } - /* line 190, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 203, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-right:before { content: '\3e'; left: 0; } - /* line 195, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 208, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-right.collapsed { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; @@ -1967,17 +2083,17 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } - /* line 197, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 210, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-right.collapsed:before { text-align: right; content: '\3c'; right: 0; } - /* line 202, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 215, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-right.collapsed:hover:before { right: 2px; } } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 208, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 221, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab-icon { color: #595959; cursor: pointer; @@ -1990,31 +2106,31 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { line-height: 9px; overflow: hidden; word-break: break-all; } - /* line 225, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 238, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab-icon.collapsed { width: 11px; font-size: 11px; } - /* line 230, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 243, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab-icon:before, .mini-tab-icon:after { position: absolute; display: inherit; } - /* line 236, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 249, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab-icon:before { content: '\78'; } - /* line 240, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 253, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab-icon:hover { color: #0099cc; } } -/* line 247, ../../../../general/res/sass/controls/_buttons.scss */ +/* line 260, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set { font-size: 0; } - /* line 253, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 266, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set .s-btn, .l-btn-set .s-menu-btn { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin-left: 1px; } - /* line 259, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 272, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set .first .s-btn, .l-btn-set .first .s-menu-btn { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; @@ -2023,7 +2139,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; margin-left: 0; } - /* line 266, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 279, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set .last .s-btn, .l-btn-set .last .s-menu-btn { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; @@ -2032,7 +2148,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } -/* line 273, ../../../../general/res/sass/controls/_buttons.scss */ +/* line 286, ../../../../general/res/sass/controls/_buttons.scss */ .paused:not(.s-btn):not(.s-menu-btn) { border-color: #c56f01 !important; color: #c56f01 !important; } @@ -2833,7 +2949,19 @@ label.checkbox.custom { left: 0; text-align: left; } /* line 62, ../../../../general/res/sass/controls/_menus.scss */ - .s-menu-btn .menu .ui-symbol.icon, .s-menu-btn .menu .t-item-icon, .s-menu-btn .menu .icon.s-icon-btn, .s-menu-btn .menu .s-icon-btn.t-item-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 .l-datetime-picker .l-month-year-pager .pager.t-item-icon, .l-datetime-picker .l-month-year-pager .s-menu-btn .menu .pager.t-item-icon { + .s-menu-btn .menu .ui-symbol.icon, .s-menu-btn .menu .t-item-icon, .s-menu-btn .menu .icon.s-icon-btn, .s-menu-btn .menu .s-icon-btn.t-item-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 .l-datetime-picker .l-month-year-pager .pager.t-item-icon, .l-datetime-picker .l-month-year-pager .s-menu-btn .menu .pager.t-item-icon, .s-menu-btn .menu .tree .s-status-editing .icon.tree-item:before, .tree .s-status-editing .s-menu-btn .menu .icon.tree-item:before, .s-menu-btn .menu .tree .s-status-editing .tree-item.t-item-icon:before, .tree .s-status-editing .s-menu-btn .menu .tree-item.t-item-icon:before, + .s-menu-btn .menu .tree .s-status-editing .icon.search-result-item:before, + .tree .s-status-editing .s-menu-btn .menu .icon.search-result-item:before, + .s-menu-btn .menu .tree .s-status-editing .search-result-item.t-item-icon:before, + .tree .s-status-editing .s-menu-btn .menu .search-result-item.t-item-icon:before, + .s-menu-btn .menu .search-results .s-status-editing .icon.tree-item:before, + .search-results .s-status-editing .s-menu-btn .menu .icon.tree-item:before, + .s-menu-btn .menu .search-results .s-status-editing .tree-item.t-item-icon:before, + .search-results .s-status-editing .s-menu-btn .menu .tree-item.t-item-icon:before, + .s-menu-btn .menu .search-results .s-status-editing .icon.search-result-item:before, + .search-results .s-status-editing .s-menu-btn .menu .icon.search-result-item:before, + .s-menu-btn .menu .search-results .s-status-editing .search-result-item.t-item-icon:before, + .search-results .s-status-editing .s-menu-btn .menu .search-result-item.t-item-icon:before { width: 12px; } /******************************************************** MENUS THEMSELVES */ @@ -2877,7 +3005,7 @@ label.checkbox.custom { .menu ul { margin: 0; padding: 0; } - /* line 354, ../../../../general/res/sass/_mixins.scss */ + /* line 360, ../../../../general/res/sass/_mixins.scss */ .menu ul li { list-style-type: none; margin: 0; @@ -3273,6 +3401,21 @@ label.checkbox.custom { -moz-animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } +@-moz-keyframes pulse { + 0% { + opacity: 0.5; } + 100% { + opacity: 1; } } +@-webkit-keyframes pulse { + 0% { + opacity: 0.5; } + 100% { + opacity: 1; } } +@keyframes pulse { + 0% { + opacity: 0.5; } + 100% { + opacity: 1; } } /* line 153, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner .banner-elem { -webkit-flex: 0 1 auto; @@ -3527,22 +3670,13 @@ label.checkbox.custom { .t-message-list .message-contents .l-message { margin-right: 10px; } } -/* line 13, ../../../../general/res/sass/controls/_time-controller.scss */ +/* line 9, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller { - overflow: hidden; - position: absolute; - top: 0px; - right: 0px; - bottom: 0px; - left: 0px; - width: auto; - height: auto; display: block; - top: auto; height: 83px; min-width: 500px; font-size: 0.8rem; } - /* line 38, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 34, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .l-time-range-inputs-holder, mct-include.l-time-controller .l-time-range-slider-holder, mct-include.l-time-controller .l-time-range-ticks-holder { @@ -3558,7 +3692,7 @@ mct-include.l-time-controller { -webkit-box-sizing: border-box; box-sizing: border-box; top: auto; } - /* line 47, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 43, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .l-time-range-slider, mct-include.l-time-controller .l-time-range-ticks { overflow: visible; @@ -3571,26 +3705,38 @@ mct-include.l-time-controller { height: auto; left: 150px; right: 150px; } - /* line 54, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 50, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .l-time-range-inputs-holder { height: 33px; bottom: 46px; padding-top: 5px; border-top: 1px solid rgba(153, 153, 153, 0.1); } - /* line 59, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 55, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .l-time-range-inputs-holder .type-icon { font-size: 120%; vertical-align: middle; } - /* line 63, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 59, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem { margin-right: 5px; } - /* line 66, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 62, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .lbl, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .lbl { color: #666666; } - /* line 69, ../../../../general/res/sass/controls/_time-controller.scss */ - mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .ui-symbol.icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .t-item-icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .icon.s-icon-btn, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .s-icon-btn.t-item-icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .icon.pager, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .l-datetime-picker .l-month-year-pager .pager.t-item-icon, .l-datetime-picker .l-month-year-pager mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .pager.t-item-icon, + /* line 65, ../../../../general/res/sass/controls/_time-controller.scss */ + mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .ui-symbol.icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .t-item-icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .icon.s-icon-btn, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .s-icon-btn.t-item-icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .icon.pager, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .l-datetime-picker .l-month-year-pager .pager.t-item-icon, .l-datetime-picker .l-month-year-pager mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .pager.t-item-icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .tree .s-status-editing .icon.tree-item:before, .tree .s-status-editing mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .icon.tree-item:before, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .tree .s-status-editing .tree-item.t-item-icon:before, .tree .s-status-editing mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .tree-item.t-item-icon:before, + mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .tree .s-status-editing .icon.search-result-item:before, + .tree .s-status-editing mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .icon.search-result-item:before, + mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .tree .s-status-editing .search-result-item.t-item-icon:before, + .tree .s-status-editing mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .search-result-item.t-item-icon:before, + mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .search-results .s-status-editing .icon.tree-item:before, + .search-results .s-status-editing mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .icon.tree-item:before, + mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .search-results .s-status-editing .tree-item.t-item-icon:before, + .search-results .s-status-editing mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .tree-item.t-item-icon:before, + mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .search-results .s-status-editing .icon.search-result-item:before, + .search-results .s-status-editing mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .icon.search-result-item:before, + mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .search-results .s-status-editing .search-result-item.t-item-icon:before, + .search-results .s-status-editing mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .search-result-item.t-item-icon:before, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .ui-symbol.icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .t-item-icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .icon.s-icon-btn, @@ -3598,21 +3744,37 @@ mct-include.l-time-controller { mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .icon.pager, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .l-datetime-picker .l-month-year-pager .pager.t-item-icon, - .l-datetime-picker .l-month-year-pager mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .pager.t-item-icon { + .l-datetime-picker .l-month-year-pager mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .pager.t-item-icon, + mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .tree .s-status-editing .icon.tree-item:before, + .tree .s-status-editing mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .icon.tree-item:before, + mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .tree .s-status-editing .tree-item.t-item-icon:before, + .tree .s-status-editing mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .tree-item.t-item-icon:before, + mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .tree .s-status-editing .icon.search-result-item:before, + .tree .s-status-editing mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .icon.search-result-item:before, + mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .tree .s-status-editing .search-result-item.t-item-icon:before, + .tree .s-status-editing mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .search-result-item.t-item-icon:before, + mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .search-results .s-status-editing .icon.tree-item:before, + .search-results .s-status-editing mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .icon.tree-item:before, + mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .search-results .s-status-editing .tree-item.t-item-icon:before, + .search-results .s-status-editing mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .tree-item.t-item-icon:before, + mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .search-results .s-status-editing .icon.search-result-item:before, + .search-results .s-status-editing mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .icon.search-result-item:before, + mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .search-results .s-status-editing .search-result-item.t-item-icon:before, + .search-results .s-status-editing mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .search-result-item.t-item-icon:before { font-size: 11px; width: 11px; } - /* line 76, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 72, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .l-time-range-slider-holder { height: 20px; bottom: 23px; } - /* line 79, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 75, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .l-time-range-slider-holder .range-holder { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background: none; border: none; } - /* line 84, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 80, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range .toi-line { -moz-transform: translateX(50%); -ms-transform: translateX(50%); @@ -3626,19 +3788,19 @@ mct-include.l-time-controller { width: 8px; height: auto; z-index: 2; } - /* line 94, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 90, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range .toi-line:before, mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range .toi-line:after { background-color: #00c2ff; content: ""; position: absolute; } - /* line 100, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 96, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range .toi-line:before { top: 0; right: auto; bottom: -10px; left: 3px; width: 2px; } - /* line 106, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 102, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range .toi-line:after { -moz-border-radius: 8px; -webkit-border-radius: 8px; @@ -3656,7 +3818,7 @@ mct-include.l-time-controller { /* line 3, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range:hover .toi-line:before, mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range:hover .toi-line:after { background-color: #fff; } - /* line 122, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 118, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .l-time-range-slider-holder:not(:active) .knob, mct-include.l-time-controller .l-time-range-slider-holder:not(:active) .range { -moz-transition-property: left, right; @@ -3671,13 +3833,13 @@ mct-include.l-time-controller { -o-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } - /* line 131, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 127, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .l-time-range-ticks-holder { height: 20px; } - /* line 133, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 129, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .l-time-range-ticks-holder .l-time-range-ticks { border-top: 1px solid rgba(255, 255, 255, 0.2); } - /* line 135, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 131, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .l-time-range-ticks-holder .l-time-range-ticks .tick { background-color: rgba(255, 255, 255, 0.2); border: none; @@ -3685,10 +3847,10 @@ mct-include.l-time-controller { width: 1px; margin-left: -1px; position: absolute; } - /* line 142, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 138, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .l-time-range-ticks-holder .l-time-range-ticks .tick:first-child { margin-left: 0; } - /* line 145, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 141, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .l-time-range-ticks-holder .l-time-range-ticks .tick .l-time-range-tick-label { transform: translateX(-50%); -webkit-transform: translateX(-50%); @@ -3699,10 +3861,10 @@ mct-include.l-time-controller { top: 8px; white-space: nowrap; z-index: 2; } - /* line 159, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 155, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .knob { z-index: 2; } - /* line 161, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 157, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .knob .range-value { -moz-transition-property: opacity, background-color, border-color, color; -o-transition-property: opacity, background-color, border-color, color; @@ -3725,32 +3887,32 @@ mct-include.l-time-controller { height: 20px; line-height: 20px; white-space: nowrap; } - /* line 170, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 166, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .knob:hover .range-value { color: #0099cc; } - /* line 173, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 169, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .knob.knob-l { margin-left: -10px; } - /* line 176, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 172, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .knob.knob-l .range-value { text-align: right; right: 10px; } - /* line 181, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 177, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .knob.knob-r { margin-right: -10px; } - /* line 184, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 180, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .knob.knob-r .range-value { left: 10px; } /* line 3, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .knob.knob-r:hover + .range-holder .range .toi-line:before, mct-include.l-time-controller .knob.knob-r:hover + .range-holder .range .toi-line:after { background-color: #fff; } -/* line 198, ../../../../general/res/sass/controls/_time-controller.scss */ +/* line 194, ../../../../general/res/sass/controls/_time-controller.scss */ .s-time-range-val { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(0, 0, 0, 0.1); padding: 1px 1px 0 5px; } /***************************************************************************** @@ -3814,7 +3976,7 @@ mct-include.l-time-controller { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; - background: rgba(0, 0, 0, 0.2); + background: rgba(255, 255, 255, 0.1); color: #cccccc; font-size: 0.8em; padding: 5px 5px; @@ -3823,11 +3985,11 @@ mct-include.l-time-controller { /* line 33, ../../../../general/res/sass/forms/_elems.scss */ .form { color: rgba(255, 255, 255, 0.5); } - /* line 36, ../../../../general/res/sass/forms/_elems.scss */ + /* line 35, ../../../../general/res/sass/forms/_elems.scss */ .form .form-section { position: relative; margin-bottom: 20px; } - /* line 41, ../../../../general/res/sass/forms/_elems.scss */ + /* line 40, ../../../../general/res/sass/forms/_elems.scss */ .form .form-row { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; @@ -3838,10 +4000,10 @@ mct-include.l-time-controller { margin-top: 5px; padding: 5px 0; position: relative; } - /* line 49, ../../../../general/res/sass/forms/_elems.scss */ + /* line 48, ../../../../general/res/sass/forms/_elems.scss */ .form .form-row.first { border-top: none; } - /* line 53, ../../../../general/res/sass/forms/_elems.scss */ + /* line 52, ../../../../general/res/sass/forms/_elems.scss */ .form .form-row > .label, .form .form-row > .controls { -moz-box-sizing: border-box; @@ -3852,42 +4014,42 @@ mct-include.l-time-controller { font-size: 0.8rem; line-height: 22px; min-height: 22px; } - /* line 62, ../../../../general/res/sass/forms/_elems.scss */ + /* line 61, ../../../../general/res/sass/forms/_elems.scss */ .form .form-row > .label { float: left; min-width: 120px; position: relative; white-space: nowrap; width: 30%; } - /* line 72, ../../../../general/res/sass/forms/_elems.scss */ + /* line 71, ../../../../general/res/sass/forms/_elems.scss */ .form .form-row .value { color: #cccccc; } - /* line 76, ../../../../general/res/sass/forms/_elems.scss */ + /* line 75, ../../../../general/res/sass/forms/_elems.scss */ .form .form-row .controls { float: left; position: relative; width: 69.9%; } - /* line 83, ../../../../general/res/sass/forms/_elems.scss */ + /* line 82, ../../../../general/res/sass/forms/_elems.scss */ .form .form-row .controls .l-composite-control.l-checkbox { display: inline-block; line-height: 14px; margin-right: 5px; } - /* line 92, ../../../../general/res/sass/forms/_elems.scss */ + /* line 91, ../../../../general/res/sass/forms/_elems.scss */ .form .form-row .controls .l-med input[type="text"] { width: 200px; } - /* line 96, ../../../../general/res/sass/forms/_elems.scss */ + /* line 95, ../../../../general/res/sass/forms/_elems.scss */ .form .form-row .controls .l-small input[type="text"] { width: 50px; } - /* line 100, ../../../../general/res/sass/forms/_elems.scss */ + /* line 99, ../../../../general/res/sass/forms/_elems.scss */ .form .form-row .controls .l-numeric input[type="text"] { text-align: right; } - /* line 104, ../../../../general/res/sass/forms/_elems.scss */ + /* line 103, ../../../../general/res/sass/forms/_elems.scss */ .form .form-row .controls .select { margin-right: 5px; } - /* line 109, ../../../../general/res/sass/forms/_elems.scss */ + /* line 108, ../../../../general/res/sass/forms/_elems.scss */ .form .form-row .field-hints { color: #666666; } - /* line 113, ../../../../general/res/sass/forms/_elems.scss */ + /* line 112, ../../../../general/res/sass/forms/_elems.scss */ .form .form-row .selector-list { -moz-appearance: none; -webkit-appearance: none; @@ -3897,20 +4059,20 @@ mct-include.l-time-controller { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; - -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px; - -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px; - box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px; - background: rgba(255, 255, 255, 0.1); + -moz-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px; + -webkit-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px; + box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px; + background: rgba(0, 0, 0, 0.1); border: none; color: #cccccc; outline: none; padding: 0 3px; position: relative; height: 150px; } - /* line 321, ../../../../general/res/sass/_mixins.scss */ + /* line 327, ../../../../general/res/sass/_mixins.scss */ .form .form-row .selector-list.error { background: rgba(255, 0, 0, 0.5); } - /* line 124, ../../../../general/res/sass/forms/_elems.scss */ + /* line 119, ../../../../general/res/sass/forms/_elems.scss */ .form .form-row .selector-list > .wrapper { overflow: auto; position: absolute; @@ -3919,24 +4081,24 @@ mct-include.l-time-controller { bottom: 5px; left: 5px; } -/* line 138, ../../../../general/res/sass/forms/_elems.scss */ +/* line 133, ../../../../general/res/sass/forms/_elems.scss */ label.form-control.checkbox input { margin-right: 5px; vertical-align: top; } -/* line 144, ../../../../general/res/sass/forms/_elems.scss */ +/* line 139, ../../../../general/res/sass/forms/_elems.scss */ .hint, .s-hint { font-size: 0.9em; } -/* line 149, ../../../../general/res/sass/forms/_elems.scss */ +/* line 144, ../../../../general/res/sass/forms/_elems.scss */ .l-result { display: inline-block; min-width: 32px; min-height: 32px; position: relative; vertical-align: top; } - /* line 156, ../../../../general/res/sass/forms/_elems.scss */ + /* line 151, ../../../../general/res/sass/forms/_elems.scss */ .l-result div.s-hint { -moz-border-radius: 3px; -webkit-border-radius: 3px; @@ -3946,8 +4108,9 @@ label.form-control.checkbox input { color: #ffad99; padding: 5px; } -/* line 165, ../../../../general/res/sass/forms/_elems.scss */ -input[type="text"] { +/* line 160, ../../../../general/res/sass/forms/_elems.scss */ +input[type="text"], +input[type="search"] { -moz-appearance: none; -webkit-appearance: none; -moz-border-radius: 3px; @@ -3956,22 +4119,24 @@ input[type="text"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; - -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px; - -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px; - box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px; - background: rgba(255, 255, 255, 0.1); + -moz-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px; + -webkit-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px; + box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px; + background: rgba(0, 0, 0, 0.1); border: none; color: #cccccc; outline: none; padding: 0 3px; } - /* line 321, ../../../../general/res/sass/_mixins.scss */ - input[type="text"].error { + /* line 327, ../../../../general/res/sass/_mixins.scss */ + input[type="text"].error, + input[type="search"].error { background: rgba(255, 0, 0, 0.5); } - /* line 172, ../../../../general/res/sass/forms/_elems.scss */ - input[type="text"].numeric { + /* line 163, ../../../../general/res/sass/forms/_elems.scss */ + input[type="text"].numeric, + input[type="search"].numeric { text-align: right; } -/* line 177, ../../../../general/res/sass/forms/_elems.scss */ +/* line 168, ../../../../general/res/sass/forms/_elems.scss */ textarea { -moz-appearance: none; -webkit-appearance: none; @@ -3981,10 +4146,10 @@ textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; - -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px; - -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px; - box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px; - background: rgba(255, 255, 255, 0.1); + -moz-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px; + -webkit-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px; + box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px; + background: rgba(0, 0, 0, 0.1); border: none; color: #cccccc; outline: none; @@ -3992,7 +4157,7 @@ textarea { position: absolute; height: 100%; width: 100%; } - /* line 321, ../../../../general/res/sass/_mixins.scss */ + /* line 327, ../../../../general/res/sass/_mixins.scss */ textarea.error { background: rgba(255, 0, 0, 0.5); } @@ -4050,11 +4215,11 @@ textarea { padding: 0 5px; position: relative; line-height: 22px; } - /* line 297, ../../../../general/res/sass/_mixins.scss */ + /* line 303, ../../../../general/res/sass/_mixins.scss */ .select .icon, .select .t-item-icon { color: #0099cc; } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 302, ../../../../general/res/sass/_mixins.scss */ + /* line 308, ../../../../general/res/sass/_mixins.scss */ .select:not(.disabled):hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiNmI2YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; @@ -4062,7 +4227,7 @@ textarea { background-image: -moz-linear-gradient(#6b6b6b, #5e5e5e); background-image: -webkit-linear-gradient(#6b6b6b, #5e5e5e); background-image: linear-gradient(#6b6b6b, #5e5e5e); } - /* line 304, ../../../../general/res/sass/_mixins.scss */ + /* line 310, ../../../../general/res/sass/_mixins.scss */ .select:not(.disabled):hover > .icon, .select:not(.disabled):hover > .t-item-icon { color: #33ccff; } } /* line 30, ../../../../general/res/sass/forms/_selects.scss */ @@ -4130,9 +4295,9 @@ textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; - -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px; - -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px; - box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px; + -moz-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px; + -webkit-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px; + box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px; background: #333; border: none; color: #999; @@ -4144,7 +4309,7 @@ textarea { max-height: 400px; overflow: auto; padding: 5px; } - /* line 321, ../../../../general/res/sass/_mixins.scss */ + /* line 327, ../../../../general/res/sass/_mixins.scss */ .channel-selector .treeview.error { background: rgba(255, 0, 0, 0.5); } /* line 36, ../../../../general/res/sass/forms/_channel-selector.scss */ @@ -4287,46 +4452,24 @@ span.req { * this source code distribution or the Licensing information page available * at runtime from the About dialog for additional information. *****************************************************************************/ -/* line 24, ../../../../general/res/sass/forms/_filter.scss */ -.filter input.filter, -.filter input.t-filter-input, -.t-filter input.filter, -.t-filter input.t-filter-input { - -moz-appearance: none; - -webkit-appearance: none; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px; - -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px; - box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px; - background: #333; - border: none; - color: #999; - outline: none; - padding: 0 3px; - background: #3b3b3b; - border-bottom: 1px solid #4d4d4d; } - /* line 321, ../../../../general/res/sass/_mixins.scss */ - .filter input.filter.error, - .filter input.t-filter-input.error, - .t-filter input.filter.error, - .t-filter input.t-filter-input.error { - background: rgba(255, 0, 0, 0.5); } -/* line 28, ../../../../general/res/sass/forms/_filter.scss */ -.filter input.t-filter-input, -.t-filter input.t-filter-input { - height: 22px; - width: 200px; } - /* line 38, ../../../../general/res/sass/forms/_filter.scss */ - .filter input.t-filter-input:not(.ng-dirty) + .t-a-clear, - .t-filter input.t-filter-input:not(.ng-dirty) + .t-a-clear { - display: none; } -/* line 42, ../../../../general/res/sass/forms/_filter.scss */ -.filter .icon.ui-symbol, .filter .t-item-icon, .filter .icon.s-icon-btn, .filter .s-icon-btn.t-item-icon, .filter .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager .filter .icon.pager, .filter .l-datetime-picker .l-month-year-pager .pager.t-item-icon, .l-datetime-picker .l-month-year-pager .filter .pager.t-item-icon, +/* line 25, ../../../../general/res/sass/forms/_filter.scss */ +.filter input.t-filter-input:not(.ng-dirty) + .t-a-clear, +.t-filter input.t-filter-input:not(.ng-dirty) + .t-a-clear { + display: none; } +/* line 29, ../../../../general/res/sass/forms/_filter.scss */ +.filter .icon.ui-symbol, .filter .t-item-icon, .filter .icon.s-icon-btn, .filter .s-icon-btn.t-item-icon, .filter .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager .filter .icon.pager, .filter .l-datetime-picker .l-month-year-pager .pager.t-item-icon, .l-datetime-picker .l-month-year-pager .filter .pager.t-item-icon, .filter .tree .s-status-editing .icon.tree-item:before, .tree .s-status-editing .filter .icon.tree-item:before, .filter .tree .s-status-editing .tree-item.t-item-icon:before, .tree .s-status-editing .filter .tree-item.t-item-icon:before, +.filter .tree .s-status-editing .icon.search-result-item:before, +.tree .s-status-editing .filter .icon.search-result-item:before, +.filter .tree .s-status-editing .search-result-item.t-item-icon:before, +.tree .s-status-editing .filter .search-result-item.t-item-icon:before, +.filter .search-results .s-status-editing .icon.tree-item:before, +.search-results .s-status-editing .filter .icon.tree-item:before, +.filter .search-results .s-status-editing .tree-item.t-item-icon:before, +.search-results .s-status-editing .filter .tree-item.t-item-icon:before, +.filter .search-results .s-status-editing .icon.search-result-item:before, +.search-results .s-status-editing .filter .icon.search-result-item:before, +.filter .search-results .s-status-editing .search-result-item.t-item-icon:before, +.search-results .s-status-editing .filter .search-result-item.t-item-icon:before, .t-filter .icon.ui-symbol, .t-filter .t-item-icon, .t-filter .icon.s-icon-btn, @@ -4334,7 +4477,23 @@ span.req { .t-filter .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager .t-filter .icon.pager, .t-filter .l-datetime-picker .l-month-year-pager .pager.t-item-icon, -.l-datetime-picker .l-month-year-pager .t-filter .pager.t-item-icon { +.l-datetime-picker .l-month-year-pager .t-filter .pager.t-item-icon, +.t-filter .tree .s-status-editing .icon.tree-item:before, +.tree .s-status-editing .t-filter .icon.tree-item:before, +.t-filter .tree .s-status-editing .tree-item.t-item-icon:before, +.tree .s-status-editing .t-filter .tree-item.t-item-icon:before, +.t-filter .tree .s-status-editing .icon.search-result-item:before, +.tree .s-status-editing .t-filter .icon.search-result-item:before, +.t-filter .tree .s-status-editing .search-result-item.t-item-icon:before, +.tree .s-status-editing .t-filter .search-result-item.t-item-icon:before, +.t-filter .search-results .s-status-editing .icon.tree-item:before, +.search-results .s-status-editing .t-filter .icon.tree-item:before, +.t-filter .search-results .s-status-editing .tree-item.t-item-icon:before, +.search-results .s-status-editing .t-filter .tree-item.t-item-icon:before, +.t-filter .search-results .s-status-editing .icon.search-result-item:before, +.search-results .s-status-editing .t-filter .icon.search-result-item:before, +.t-filter .search-results .s-status-editing .search-result-item.t-item-icon:before, +.search-results .s-status-editing .t-filter .search-result-item.t-item-icon:before { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; @@ -4344,8 +4503,20 @@ span.req { line-height: 22px; padding: 0px 5px; vertical-align: middle; } - /* line 50, ../../../../general/res/sass/forms/_filter.scss */ - .filter .icon.ui-symbol:hover, .filter .t-item-icon:hover, .filter .icon.s-icon-btn:hover, .filter .s-icon-btn.t-item-icon:hover, .filter .l-datetime-picker .l-month-year-pager .icon.pager:hover, .l-datetime-picker .l-month-year-pager .filter .icon.pager:hover, .filter .l-datetime-picker .l-month-year-pager .pager.t-item-icon:hover, .l-datetime-picker .l-month-year-pager .filter .pager.t-item-icon:hover, + /* line 37, ../../../../general/res/sass/forms/_filter.scss */ + .filter .icon.ui-symbol:hover, .filter .t-item-icon:hover, .filter .icon.s-icon-btn:hover, .filter .s-icon-btn.t-item-icon:hover, .filter .l-datetime-picker .l-month-year-pager .icon.pager:hover, .l-datetime-picker .l-month-year-pager .filter .icon.pager:hover, .filter .l-datetime-picker .l-month-year-pager .pager.t-item-icon:hover, .l-datetime-picker .l-month-year-pager .filter .pager.t-item-icon:hover, .filter .tree .s-status-editing .icon.tree-item:hover:before, .tree .s-status-editing .filter .icon.tree-item:hover:before, .filter .tree .s-status-editing .tree-item.t-item-icon:hover:before, .tree .s-status-editing .filter .tree-item.t-item-icon:hover:before, + .filter .tree .s-status-editing .icon.search-result-item:hover:before, + .tree .s-status-editing .filter .icon.search-result-item:hover:before, + .filter .tree .s-status-editing .search-result-item.t-item-icon:hover:before, + .tree .s-status-editing .filter .search-result-item.t-item-icon:hover:before, + .filter .search-results .s-status-editing .icon.tree-item:hover:before, + .search-results .s-status-editing .filter .icon.tree-item:hover:before, + .filter .search-results .s-status-editing .tree-item.t-item-icon:hover:before, + .search-results .s-status-editing .filter .tree-item.t-item-icon:hover:before, + .filter .search-results .s-status-editing .icon.search-result-item:hover:before, + .search-results .s-status-editing .filter .icon.search-result-item:hover:before, + .filter .search-results .s-status-editing .search-result-item.t-item-icon:hover:before, + .search-results .s-status-editing .filter .search-result-item.t-item-icon:hover:before, .t-filter .icon.ui-symbol:hover, .t-filter .t-item-icon:hover, .t-filter .icon.s-icon-btn:hover, @@ -4353,15 +4524,45 @@ span.req { .t-filter .l-datetime-picker .l-month-year-pager .icon.pager:hover, .l-datetime-picker .l-month-year-pager .t-filter .icon.pager:hover, .t-filter .l-datetime-picker .l-month-year-pager .pager.t-item-icon:hover, - .l-datetime-picker .l-month-year-pager .t-filter .pager.t-item-icon:hover { + .l-datetime-picker .l-month-year-pager .t-filter .pager.t-item-icon:hover, + .t-filter .tree .s-status-editing .icon.tree-item:hover:before, + .tree .s-status-editing .t-filter .icon.tree-item:hover:before, + .t-filter .tree .s-status-editing .tree-item.t-item-icon:hover:before, + .tree .s-status-editing .t-filter .tree-item.t-item-icon:hover:before, + .t-filter .tree .s-status-editing .icon.search-result-item:hover:before, + .tree .s-status-editing .t-filter .icon.search-result-item:hover:before, + .t-filter .tree .s-status-editing .search-result-item.t-item-icon:hover:before, + .tree .s-status-editing .t-filter .search-result-item.t-item-icon:hover:before, + .t-filter .search-results .s-status-editing .icon.tree-item:hover:before, + .search-results .s-status-editing .t-filter .icon.tree-item:hover:before, + .t-filter .search-results .s-status-editing .tree-item.t-item-icon:hover:before, + .search-results .s-status-editing .t-filter .tree-item.t-item-icon:hover:before, + .t-filter .search-results .s-status-editing .icon.search-result-item:hover:before, + .search-results .s-status-editing .t-filter .icon.search-result-item:hover:before, + .t-filter .search-results .s-status-editing .search-result-item.t-item-icon:hover:before, + .search-results .s-status-editing .t-filter .search-result-item.t-item-icon:hover:before { background: rgba(255, 255, 255, 0.1); } -/* line 54, ../../../../general/res/sass/forms/_filter.scss */ -.filter .s-a-clear.ui-symbol, .filter .s-a-clear.t-item-icon, .filter .s-a-clear.s-icon-btn, .filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager, .l-datetime-picker .l-month-year-pager .filter .s-a-clear.pager, +/* line 41, ../../../../general/res/sass/forms/_filter.scss */ +.filter .s-a-clear.ui-symbol, .filter .s-a-clear.t-item-icon, .filter .s-a-clear.s-icon-btn, .filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager, .l-datetime-picker .l-month-year-pager .filter .s-a-clear.pager, .filter .tree .s-status-editing .s-a-clear.tree-item:before, .tree .s-status-editing .filter .s-a-clear.tree-item:before, +.filter .tree .s-status-editing .s-a-clear.search-result-item:before, +.tree .s-status-editing .filter .s-a-clear.search-result-item:before, +.filter .search-results .s-status-editing .s-a-clear.tree-item:before, +.search-results .s-status-editing .filter .s-a-clear.tree-item:before, +.filter .search-results .s-status-editing .s-a-clear.search-result-item:before, +.search-results .s-status-editing .filter .s-a-clear.search-result-item:before, .t-filter .s-a-clear.ui-symbol, .t-filter .s-a-clear.t-item-icon, .t-filter .s-a-clear.s-icon-btn, .t-filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager, -.l-datetime-picker .l-month-year-pager .t-filter .s-a-clear.pager { +.l-datetime-picker .l-month-year-pager .t-filter .s-a-clear.pager, +.t-filter .tree .s-status-editing .s-a-clear.tree-item:before, +.tree .s-status-editing .t-filter .s-a-clear.tree-item:before, +.t-filter .tree .s-status-editing .s-a-clear.search-result-item:before, +.tree .s-status-editing .t-filter .s-a-clear.search-result-item:before, +.t-filter .search-results .s-status-editing .s-a-clear.tree-item:before, +.search-results .s-status-editing .t-filter .s-a-clear.tree-item:before, +.t-filter .search-results .s-status-editing .s-a-clear.search-result-item:before, +.search-results .s-status-editing .t-filter .s-a-clear.search-result-item:before { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; @@ -4384,23 +4585,32 @@ span.req { top: 50%; text-align: center; z-index: 5; } - /* line 74, ../../../../general/res/sass/forms/_filter.scss */ - .filter .s-a-clear.ui-symbol:hover, .filter .s-a-clear.t-item-icon:hover, .filter .s-a-clear.s-icon-btn:hover, .filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager:hover, .l-datetime-picker .l-month-year-pager .filter .s-a-clear.pager:hover, + /* line 61, ../../../../general/res/sass/forms/_filter.scss */ + .filter .s-a-clear.ui-symbol:hover, .filter .s-a-clear.t-item-icon:hover, .filter .s-a-clear.s-icon-btn:hover, .filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager:hover, .l-datetime-picker .l-month-year-pager .filter .s-a-clear.pager:hover, .filter .tree .s-status-editing .s-a-clear.tree-item:hover:before, .tree .s-status-editing .filter .s-a-clear.tree-item:hover:before, + .filter .tree .s-status-editing .s-a-clear.search-result-item:hover:before, + .tree .s-status-editing .filter .s-a-clear.search-result-item:hover:before, + .filter .search-results .s-status-editing .s-a-clear.tree-item:hover:before, + .search-results .s-status-editing .filter .s-a-clear.tree-item:hover:before, + .filter .search-results .s-status-editing .s-a-clear.search-result-item:hover:before, + .search-results .s-status-editing .filter .s-a-clear.search-result-item:hover:before, .t-filter .s-a-clear.ui-symbol:hover, .t-filter .s-a-clear.t-item-icon:hover, .t-filter .s-a-clear.s-icon-btn:hover, .t-filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager:hover, - .l-datetime-picker .l-month-year-pager .t-filter .s-a-clear.pager:hover { + .l-datetime-picker .l-month-year-pager .t-filter .s-a-clear.pager:hover, + .t-filter .tree .s-status-editing .s-a-clear.tree-item:hover:before, + .tree .s-status-editing .t-filter .s-a-clear.tree-item:hover:before, + .t-filter .tree .s-status-editing .s-a-clear.search-result-item:hover:before, + .tree .s-status-editing .t-filter .s-a-clear.search-result-item:hover:before, + .t-filter .search-results .s-status-editing .s-a-clear.tree-item:hover:before, + .search-results .s-status-editing .t-filter .s-a-clear.tree-item:hover:before, + .t-filter .search-results .s-status-editing .s-a-clear.search-result-item:hover:before, + .search-results .s-status-editing .t-filter .s-a-clear.search-result-item:hover:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; background-color: #0099cc; } -/* line 82, ../../../../general/res/sass/forms/_filter.scss */ -.l-filter { - display: inline-block; - position: relative; } - -/* line 89, ../../../../general/res/sass/forms/_filter.scss */ +/* line 69, ../../../../general/res/sass/forms/_filter.scss */ .top-bar input.filter { font-size: .9em; height: 24px; @@ -4409,10 +4619,115 @@ span.req { padding-left: 10px; padding-right: 10px; vertical-align: top; } -/* line 100, ../../../../general/res/sass/forms/_filter.scss */ +/* line 80, ../../../../general/res/sass/forms/_filter.scss */ .top-bar .icon-filter { font-size: 1.4em; } +/* line 85, ../../../../general/res/sass/forms/_filter.scss */ +.l-filter { + display: inline-block; + position: relative; } + /* line 92, ../../../../general/res/sass/forms/_filter.scss */ + .l-filter input[type="search"] { + padding: 2px 19px; } + /* line 95, ../../../../general/res/sass/forms/_filter.scss */ + .l-filter .clear-icon, + .l-filter .menu-icon, .l-filter:before { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: inline-block; + line-height: inherit; + position: absolute; + top: 50%; + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + z-index: 1; } + /* line 107, ../../../../general/res/sass/forms/_filter.scss */ + .l-filter:before { + content: '\4d'; + left: 5px; + -moz-transition-property: color; + -o-transition-property: color; + -webkit-transition-property: color; + transition-property: color; + -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; + pointer-events: none; } + /* line 115, ../../../../general/res/sass/forms/_filter.scss */ + .l-filter .clear-icon { + right: 4px; + visibility: hidden; + opacity: 0; } + /* line 120, ../../../../general/res/sass/forms/_filter.scss */ + .l-filter .clear-icon.show { + visibility: visible; + opacity: 1; } + /* line 125, ../../../../general/res/sass/forms/_filter.scss */ + .l-filter .clear-icon:hover { + color: #8c8c8c; } + +/* line 132, ../../../../general/res/sass/forms/_filter.scss */ +.s-filter input[type="search"] { + -moz-appearance: none; + -webkit-appearance: none; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -moz-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px; + -webkit-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px; + box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px; + background: rgba(0, 0, 0, 0.1); + border: none; + color: #cccccc; + outline: none; } + /* line 327, ../../../../general/res/sass/_mixins.scss */ + .s-filter input[type="search"].error { + background: rgba(255, 0, 0, 0.5); } +/* line 135, ../../../../general/res/sass/forms/_filter.scss */ +.s-filter .clear-icon, +.s-filter .menu-icon, .s-filter:before { + color: #737373; + cursor: pointer; + font-family: symbolsfont; + -moz-transition-property: opacity, color; + -o-transition-property: opacity, color; + -webkit-transition-property: opacity, color; + transition-property: opacity, color; + -moz-transition-duration: 150ms; + -o-transition-duration: 150ms; + -webkit-transition-duration: 150ms; + transition-duration: 150ms; + -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; } +/* line 144, ../../../../general/res/sass/forms/_filter.scss */ +.s-filter:hover:before { + color: #8c8c8c; } +/* line 150, ../../../../general/res/sass/forms/_filter.scss */ +.s-filter .clear-icon:before { + content: '\e607'; } + /********************************* USER ENVIRON */ /***************************************************************************** * Open MCT Web, Copyright (c) 2014-2015, United States Government @@ -4488,7 +4803,7 @@ span.req { .user-environ .edit-area .object-holder.work-area { top: 40px; overflow: auto; } -/* line 81, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 80, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .ue-bottom-bar { overflow: hidden; position: absolute; @@ -4504,7 +4819,7 @@ span.req { background: #000; color: gray; font-size: .7rem; } - /* line 89, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 88, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .ue-bottom-bar .status-holder { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; @@ -4523,7 +4838,7 @@ span.req { right: 120px; text-transform: uppercase; z-index: 1; } - /* line 97, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 96, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .ue-bottom-bar .app-logo { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; @@ -4540,7 +4855,7 @@ span.req { left: auto; width: 105px; z-index: 2; } - /* line 104, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 103, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .ue-bottom-bar .app-logo.logo-openmctweb { background: url("../../../../general/res/images/logo-openmctweb.svg") no-repeat center center; } @@ -4631,7 +4946,7 @@ span.req { /* 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, + .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, .pane.items .object-browse-bar .right.abs, .pane.items .object-browse-bar .right.l-inspect, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .right.pager, @@ -4639,7 +4954,10 @@ span.req { .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .right.val, .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .right.val, .pane.items .object-browse-bar .s-menu-btn span.right.l-click-area, - .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, + .pane.items .object-browse-bar .right.l-object-wrapper, + .pane.items .object-browse-bar .l-object-wrapper .right.object-holder-main, + .l-object-wrapper .pane.items .object-browse-bar .right.object-holder-main { top: auto; } /* line 195, ../../../../general/res/sass/user-environ/_layout.scss */ @@ -4648,24 +4966,36 @@ span.req { right: 0; bottom: 10px; left: 10px; } -/* line 202, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 201, ../../../../general/res/sass/user-environ/_layout.scss */ + .split-layout .holder.holder-treeview-elements .create-btn-holder.s-status-editing { + display: none; } + /* line 203, ../../../../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 212, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout .holder.holder-object-and-inspector { top: 0; right: 0; bottom: 0; left: 0; } - /* line 207, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 217, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout .holder.holder-object-and-inspector .holder-object { top: 10px; bottom: 10px; } - /* line 211, ../../../../general/res/sass/user-environ/_layout.scss */ - .split-layout .holder.holder-object-and-inspector .holder-inspector-elements { + /* line 221, ../../../../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 227, ../../../../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 220, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 236, ../../../../general/res/sass/user-environ/_layout.scss */ .object-holder { overflow: auto; position: absolute; @@ -4676,11 +5006,33 @@ span.req { width: auto; height: auto; top: 34px; } - /* line 224, ../../../../general/res/sass/user-environ/_layout.scss */ - .object-holder.l-controls-visible.l-time-controller-visible { - bottom: 88px; } -/* line 230, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 247, ../../../../general/res/sass/user-environ/_layout.scss */ +.l-object-wrapper .l-edit-controls { + border-bottom: 1px solid rgba(153, 153, 153, 0.1); + line-height: 25px; + height: 0px; + opacity: 0; } + /* line 253, ../../../../general/res/sass/user-environ/_layout.scss */ + .l-object-wrapper .l-edit-controls .tool-bar { + right: 5px; } + +/* line 259, ../../../../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; + -webkit-transition-property: height, width, top, right, bottom, left, opacity; + transition-property: height, width, top, right, bottom, left, opacity; + -moz-transition-duration: 0.25s; + -o-transition-duration: 0.25s; + -webkit-transition-duration: 0.25s; + transition-duration: 0.25s; + -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; } + +/* line 265, ../../../../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, @@ -4692,43 +5044,35 @@ span.req { line-height: 25px; vertical-align: top; } -/* line 243, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 278, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar .view-switcher, .top-bar .view-switcher { margin-right: 20px; } /***************************************************** OBJECT BROWSE BAR */ -/* line 249, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 284, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar { - overflow: visible; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - width: auto; - height: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 24px; line-height: 24px; white-space: nowrap; } - /* line 256, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 290, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar .left { padding-right: 10px; } - /* line 258, ../../../../general/res/sass/user-environ/_layout.scss */ - .object-browse-bar .left .l-back { + /* line 292, ../../../../general/res/sass/user-environ/_layout.scss */ + .object-browse-bar .left .l-back:not(.s-status-editing) { margin-right: 10px; } -/* line 269, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 301, ../../../../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; pointer-events: none; } -/* line 279, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 311, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-showing .tree-holder, .pane-tree-showing .splitter-treeview { -moz-transition-property: opacity; @@ -4748,7 +5092,7 @@ span.req { -webkit-transition-delay: 250ms; transition-delay: 250ms; opacity: 1; } -/* line 285, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 317, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-showing .holder-treeview-elements { -moz-transition-property: opacity; -o-transition-property: opacity; @@ -4767,7 +5111,7 @@ span.req { -webkit-transition-delay: 200ms; transition-delay: 200ms; } -/* line 292, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 324, ../../../../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; @@ -4788,45 +5132,42 @@ span.req { transition-delay: 250ms; opacity: 1; } -/* line 302, ../../../../general/res/sass/user-environ/_layout.scss */ -.pane-inspect-hidden .l-object-and-inspector .t-inspect { - z-index: 1 !important; } -/* line 305, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 334, ../../../../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; pointer-events: none; } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 314, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 343, ../../../../general/res/sass/user-environ/_layout.scss */ .holder-all { min-width: 600px; } - /* line 319, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 348, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout .split-pane-component.pane.treeview.left { min-width: 150px; max-width: 35%; width: 25%; } - /* line 324, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 353, ../../../../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 332, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 361, ../../../../general/res/sass/user-environ/_layout.scss */ .pane.treeview.left .tree-holder { padding-right: 5px; } - /* line 336, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 365, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-hidden .pane.right.primary-pane { left: 22px !important; } - /* line 339, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 368, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-inspect-hidden .l-object-and-inspector .pane.left { right: 22px !important; } - /* line 341, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 370, ../../../../general/res/sass/user-environ/_layout.scss */ .pane:not(.resizing) { -moz-transition-property: width, left, right; -o-transition-property: width, left, right; @@ -4845,9 +5186,67 @@ span.req { -webkit-transition-delay: 0; transition-delay: 0; } - /* line 344, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 373, ../../../../general/res/sass/user-environ/_layout.scss */ .pane.primary-pane .object-browse-bar { min-width: 200px; } } +/* line 379, ../../../../general/res/sass/user-environ/_layout.scss */ +.s-status-editing .l-object-wrapper { + -moz-animation-name: pulseBorder; + -webkit-animation-name: pulseBorder; + animation-name: pulseBorder; + -moz-animation-duration: 1s; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -moz-animation-direction: alternate; + -webkit-animation-direction: alternate; + animation-direction: alternate; + -moz-animation-iteration-count: infinite; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -moz-animation-timing-function: ease; + -webkit-animation-timing-function: ease; + animation-timing-function: ease; + -moz-animation-delay: 0s; + -webkit-animation-delay: 0s; + animation-delay: 0s; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + background-color: #31363e; + border-color: #587ab5; + border-width: 2px; + border-style: dotted; } +@-moz-keyframes pulseBorder { + 0% { + border-color: rgba(88, 122, 181, 0.3); } + 100% { + border-color: #587ab5; } } +@-webkit-keyframes pulseBorder { + 0% { + border-color: rgba(88, 122, 181, 0.3); } + 100% { + border-color: #587ab5; } } +@keyframes pulseBorder { + 0% { + border-color: rgba(88, 122, 181, 0.3); } + 100% { + border-color: #587ab5; } } + /* line 386, ../../../../general/res/sass/user-environ/_layout.scss */ + .s-status-editing .l-object-wrapper .l-object-wrapper-inner { + overflow: hidden; + position: absolute; + top: 3px; + right: 3px; + bottom: 3px; + left: 3px; + width: auto; + height: auto; } + /* line 389, ../../../../general/res/sass/user-environ/_layout.scss */ + .s-status-editing .l-object-wrapper .l-edit-controls { + height: 30px; + margin-bottom: 5px; + opacity: 1; } + /***************************************************************************** * Open MCT Web, Copyright (c) 2014-2015, United States Government * as represented by the Administrator of the National Aeronautics and Space @@ -4977,7 +5376,7 @@ span.req { /* line 104, ../../../../general/res/sass/mobile/_layout.scss */ .object-browse-bar { - left: 45px !important; } + margin-left: 45px; } /* line 106, ../../../../general/res/sass/mobile/_layout.scss */ .object-browse-bar .context-available { opacity: 1 !important; } @@ -5084,19 +5483,24 @@ span.req { * this source code distribution or the Licensing information page available * at runtime from the About dialog for additional information. *****************************************************************************/ -/* line 26, ../../../../general/res/sass/edit/_editor.scss */ +/* line 28, ../../../../general/res/sass/edit/_editor.scss */ +.s-status-editing .l-object-wrapper .edit-corner, +.s-status-editing .l-object-wrapper .edit-handle, .edit-main .edit-corner, .edit-main .edit-handle { position: absolute; z-index: 2; } -/* line 32, ../../../../general/res/sass/edit/_editor.scss */ +/* line 34, ../../../../general/res/sass/edit/_editor.scss */ +.s-status-editing .l-object-wrapper .edit-corner, .edit-main .edit-corner { width: 15px; height: 15px; } - /* line 35, ../../../../general/res/sass/edit/_editor.scss */ + /* line 37, ../../../../general/res/sass/edit/_editor.scss */ + .s-status-editing .l-object-wrapper .edit-corner:hover, .edit-main .edit-corner:hover { z-index: 11; } - /* line 38, ../../../../general/res/sass/edit/_editor.scss */ + /* line 40, ../../../../general/res/sass/edit/_editor.scss */ + .s-status-editing .l-object-wrapper .edit-corner.edit-resize-nw, .edit-main .edit-corner.edit-resize-nw { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; @@ -5104,7 +5508,8 @@ span.req { cursor: nw-resize; top: 0; left: 0; } - /* line 43, ../../../../general/res/sass/edit/_editor.scss */ + /* line 45, ../../../../general/res/sass/edit/_editor.scss */ + .s-status-editing .l-object-wrapper .edit-corner.edit-resize-ne, .edit-main .edit-corner.edit-resize-ne { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; @@ -5112,7 +5517,8 @@ span.req { cursor: ne-resize; top: 0; right: 0; } - /* line 48, ../../../../general/res/sass/edit/_editor.scss */ + /* line 50, ../../../../general/res/sass/edit/_editor.scss */ + .s-status-editing .l-object-wrapper .edit-corner.edit-resize-se, .edit-main .edit-corner.edit-resize-se { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; @@ -5120,7 +5526,8 @@ span.req { cursor: se-resize; bottom: 0; right: 0; } - /* line 53, ../../../../general/res/sass/edit/_editor.scss */ + /* line 55, ../../../../general/res/sass/edit/_editor.scss */ + .s-status-editing .l-object-wrapper .edit-corner.edit-resize-sw, .edit-main .edit-corner.edit-resize-sw { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; @@ -5128,13 +5535,15 @@ span.req { cursor: sw-resize; bottom: 0; left: 0; } -/* line 61, ../../../../general/res/sass/edit/_editor.scss */ +/* line 63, ../../../../general/res/sass/edit/_editor.scss */ +.s-status-editing .l-object-wrapper .edit-handle, .edit-main .edit-handle { top: 15px; right: 15px; bottom: 15px; left: 15px; } - /* line 63, ../../../../general/res/sass/edit/_editor.scss */ + /* line 65, ../../../../general/res/sass/edit/_editor.scss */ + .s-status-editing .l-object-wrapper .edit-handle.edit-move, .edit-main .edit-handle.edit-move { cursor: move; left: 0; @@ -5142,43 +5551,51 @@ span.req { top: 0; bottom: 0; z-index: 1; } - /* line 73, ../../../../general/res/sass/edit/_editor.scss */ + /* line 75, ../../../../general/res/sass/edit/_editor.scss */ + .s-status-editing .l-object-wrapper .edit-handle.edit-resize-n, .edit-main .edit-handle.edit-resize-n { top: 0px; bottom: auto; height: 15px; cursor: n-resize; } - /* line 78, ../../../../general/res/sass/edit/_editor.scss */ + /* line 80, ../../../../general/res/sass/edit/_editor.scss */ + .s-status-editing .l-object-wrapper .edit-handle.edit-resize-e, .edit-main .edit-handle.edit-resize-e { right: 0px; left: auto; width: 15px; cursor: e-resize; } - /* line 83, ../../../../general/res/sass/edit/_editor.scss */ + /* line 85, ../../../../general/res/sass/edit/_editor.scss */ + .s-status-editing .l-object-wrapper .edit-handle.edit-resize-s, .edit-main .edit-handle.edit-resize-s { bottom: 0px; top: auto; height: 15px; cursor: s-resize; } - /* line 88, ../../../../general/res/sass/edit/_editor.scss */ + /* line 90, ../../../../general/res/sass/edit/_editor.scss */ + .s-status-editing .l-object-wrapper .edit-handle.edit-resize-w, .edit-main .edit-handle.edit-resize-w { left: 0px; right: auto; width: 15px; cursor: w-resize; } -/* line 97, ../../../../general/res/sass/edit/_editor.scss */ +/* line 98, ../../../../general/res/sass/edit/_editor.scss */ +.s-status-editing .l-object-wrapper .frame.child-frame.panel:hover, .edit-main .frame.child-frame.panel:hover { -moz-box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px; -webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px; box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px; border-color: #0099cc; } /* line 101, ../../../../general/res/sass/edit/_editor.scss */ + .s-status-editing .l-object-wrapper .frame.child-frame.panel:hover .view-switcher, .edit-main .frame.child-frame.panel:hover .view-switcher { opacity: 1; } /* line 104, ../../../../general/res/sass/edit/_editor.scss */ + .s-status-editing .l-object-wrapper .frame.child-frame.panel:hover .edit-corner, .edit-main .frame.child-frame.panel:hover .edit-corner { background-color: rgba(0, 153, 204, 0.8); } /* line 106, ../../../../general/res/sass/edit/_editor.scss */ + .s-status-editing .l-object-wrapper .frame.child-frame.panel:hover .edit-corner:hover, .edit-main .frame.child-frame.panel:hover .edit-corner:hover { background-color: #0099cc; } @@ -5477,12 +5894,12 @@ span.req { /* line 80, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay .abs.top-bar, .overlay .top-bar.l-inspect, .overlay .l-datetime-picker .l-month-year-pager .top-bar.pager, .l-datetime-picker .l-month-year-pager .overlay .top-bar.pager, .overlay .l-datetime-picker .l-month-year-pager .top-bar.val, - .l-datetime-picker .l-month-year-pager .overlay .top-bar.val, .overlay .s-menu-btn span.top-bar.l-click-area, .s-menu-btn .overlay span.top-bar.l-click-area { + .l-datetime-picker .l-month-year-pager .overlay .top-bar.val, .overlay .s-menu-btn span.top-bar.l-click-area, .s-menu-btn .overlay span.top-bar.l-click-area, .overlay .top-bar.l-object-wrapper, .overlay .l-object-wrapper .top-bar.object-holder-main, .l-object-wrapper .overlay .top-bar.object-holder-main { height: 45px; } /* line 84, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay .abs.editor, .overlay .editor.l-inspect, .overlay .l-datetime-picker .l-month-year-pager .editor.pager, .l-datetime-picker .l-month-year-pager .overlay .editor.pager, .overlay .l-datetime-picker .l-month-year-pager .editor.val, - .l-datetime-picker .l-month-year-pager .overlay .editor.val, .overlay .s-menu-btn span.editor.l-click-area, .s-menu-btn .overlay span.editor.l-click-area, + .l-datetime-picker .l-month-year-pager .overlay .editor.val, .overlay .s-menu-btn span.editor.l-click-area, .s-menu-btn .overlay span.editor.l-click-area, .overlay .editor.l-object-wrapper, .overlay .l-object-wrapper .editor.object-holder-main, .l-object-wrapper .overlay .editor.object-holder-main, .overlay .abs.message-body, .overlay .message-body.l-inspect, .overlay .l-datetime-picker .l-month-year-pager .message-body.pager, @@ -5490,7 +5907,10 @@ span.req { .overlay .l-datetime-picker .l-month-year-pager .message-body.val, .l-datetime-picker .l-month-year-pager .overlay .message-body.val, .overlay .s-menu-btn span.message-body.l-click-area, - .s-menu-btn .overlay span.message-body.l-click-area { + .s-menu-btn .overlay span.message-body.l-click-area, + .overlay .message-body.l-object-wrapper, + .overlay .l-object-wrapper .message-body.object-holder-main, + .l-object-wrapper .overlay .message-body.object-holder-main { top: 55px; bottom: 34px; left: 0; @@ -5499,7 +5919,7 @@ span.req { /* line 92, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay .abs.editor .field.l-med input[type='text'], .overlay .editor.l-inspect .field.l-med input[type='text'], .overlay .l-datetime-picker .l-month-year-pager .editor.pager .field.l-med input[type='text'], .l-datetime-picker .l-month-year-pager .overlay .editor.pager .field.l-med input[type='text'], .overlay .l-datetime-picker .l-month-year-pager .editor.val .field.l-med input[type='text'], - .l-datetime-picker .l-month-year-pager .overlay .editor.val .field.l-med input[type='text'], .overlay .s-menu-btn span.editor.l-click-area .field.l-med input[type='text'], .s-menu-btn .overlay span.editor.l-click-area .field.l-med input[type='text'], + .l-datetime-picker .l-month-year-pager .overlay .editor.val .field.l-med input[type='text'], .overlay .s-menu-btn span.editor.l-click-area .field.l-med input[type='text'], .s-menu-btn .overlay span.editor.l-click-area .field.l-med input[type='text'], .overlay .editor.l-object-wrapper .field.l-med input[type='text'], .overlay .l-object-wrapper .editor.object-holder-main .field.l-med input[type='text'], .l-object-wrapper .overlay .editor.object-holder-main .field.l-med input[type='text'], .overlay .abs.message-body .field.l-med input[type='text'], .overlay .message-body.l-inspect .field.l-med input[type='text'], .overlay .l-datetime-picker .l-month-year-pager .message-body.pager .field.l-med input[type='text'], @@ -5507,7 +5927,10 @@ span.req { .overlay .l-datetime-picker .l-month-year-pager .message-body.val .field.l-med input[type='text'], .l-datetime-picker .l-month-year-pager .overlay .message-body.val .field.l-med input[type='text'], .overlay .s-menu-btn span.message-body.l-click-area .field.l-med input[type='text'], - .s-menu-btn .overlay span.message-body.l-click-area .field.l-med input[type='text'] { + .s-menu-btn .overlay span.message-body.l-click-area .field.l-med input[type='text'], + .overlay .message-body.l-object-wrapper .field.l-med input[type='text'], + .overlay .l-object-wrapper .message-body.object-holder-main .field.l-med input[type='text'], + .l-object-wrapper .overlay .message-body.object-holder-main .field.l-med input[type='text'] { width: 100%; } /* line 98, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay .bottom-bar { @@ -5548,11 +5971,11 @@ span.req { -webkit-transition: background, 0.25s; transition: background, 0.25s; text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; } - /* line 297, ../../../../general/res/sass/_mixins.scss */ + /* line 303, ../../../../general/res/sass/_mixins.scss */ .overlay .bottom-bar .s-btn:not(.major) .icon, .overlay .bottom-bar .s-menu-btn:not(.major) .icon, .overlay .bottom-bar .s-btn:not(.major) .t-item-icon, .overlay .bottom-bar .s-menu-btn:not(.major) .t-item-icon { color: #fff; } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 302, ../../../../general/res/sass/_mixins.scss */ + /* line 308, ../../../../general/res/sass/_mixins.scss */ .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E2YTZhNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; @@ -5560,7 +5983,7 @@ span.req { background-image: -moz-linear-gradient(#a6a6a6, #999999); background-image: -webkit-linear-gradient(#a6a6a6, #999999); background-image: linear-gradient(#a6a6a6, #999999); } - /* line 304, ../../../../general/res/sass/_mixins.scss */ + /* line 310, ../../../../general/res/sass/_mixins.scss */ .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .t-item-icon, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover > .t-item-icon { color: white; } } /* line 110, ../../../../general/res/sass/overlay/_overlay.scss */ @@ -5569,7 +5992,7 @@ span.req { /* line 117, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay .abs.bottom-bar, .overlay .bottom-bar.l-inspect, .overlay .l-datetime-picker .l-month-year-pager .bottom-bar.pager, .l-datetime-picker .l-month-year-pager .overlay .bottom-bar.pager, .overlay .l-datetime-picker .l-month-year-pager .bottom-bar.val, - .l-datetime-picker .l-month-year-pager .overlay .bottom-bar.val, .overlay .s-menu-btn span.bottom-bar.l-click-area, .s-menu-btn .overlay span.bottom-bar.l-click-area { + .l-datetime-picker .l-month-year-pager .overlay .bottom-bar.val, .overlay .s-menu-btn span.bottom-bar.l-click-area, .s-menu-btn .overlay span.bottom-bar.l-click-area, .overlay .bottom-bar.l-object-wrapper, .overlay .l-object-wrapper .bottom-bar.object-holder-main, .l-object-wrapper .overlay .bottom-bar.object-holder-main { top: auto; right: 0; bottom: 0; @@ -5640,7 +6063,7 @@ span.req { /* line 57, ../../../../general/res/sass/mobile/overlay/_overlay.scss */ .overlay > .holder .contents .abs.top-bar, .overlay > .holder .contents .top-bar.l-inspect, .overlay > .holder .contents .l-datetime-picker .l-month-year-pager .top-bar.pager, .l-datetime-picker .l-month-year-pager .overlay > .holder .contents .top-bar.pager, .overlay > .holder .contents .l-datetime-picker .l-month-year-pager .top-bar.val, - .l-datetime-picker .l-month-year-pager .overlay > .holder .contents .top-bar.val, .overlay > .holder .contents .s-menu-btn span.top-bar.l-click-area, .s-menu-btn .overlay > .holder .contents span.top-bar.l-click-area, + .l-datetime-picker .l-month-year-pager .overlay > .holder .contents .top-bar.val, .overlay > .holder .contents .s-menu-btn span.top-bar.l-click-area, .s-menu-btn .overlay > .holder .contents span.top-bar.l-click-area, .overlay > .holder .contents .top-bar.l-object-wrapper, .overlay > .holder .contents .l-object-wrapper .top-bar.object-holder-main, .l-object-wrapper .overlay > .holder .contents .top-bar.object-holder-main, .overlay > .holder .contents .abs.editor, .overlay > .holder .contents .editor.l-inspect, .overlay > .holder .contents .l-datetime-picker .l-month-year-pager .editor.pager, @@ -5649,6 +6072,9 @@ span.req { .l-datetime-picker .l-month-year-pager .overlay > .holder .contents .editor.val, .overlay > .holder .contents .s-menu-btn span.editor.l-click-area, .s-menu-btn .overlay > .holder .contents span.editor.l-click-area, + .overlay > .holder .contents .editor.l-object-wrapper, + .overlay > .holder .contents .l-object-wrapper .editor.object-holder-main, + .l-object-wrapper .overlay > .holder .contents .editor.object-holder-main, .overlay > .holder .contents .abs.message-body, .overlay > .holder .contents .message-body.l-inspect, .overlay > .holder .contents .l-datetime-picker .l-month-year-pager .message-body.pager, @@ -5657,6 +6083,9 @@ span.req { .l-datetime-picker .l-month-year-pager .overlay > .holder .contents .message-body.val, .overlay > .holder .contents .s-menu-btn span.message-body.l-click-area, .s-menu-btn .overlay > .holder .contents span.message-body.l-click-area, + .overlay > .holder .contents .message-body.l-object-wrapper, + .overlay > .holder .contents .l-object-wrapper .message-body.object-holder-main, + .l-object-wrapper .overlay > .holder .contents .message-body.object-holder-main, .overlay > .holder .contents .abs.bottom-bar, .overlay > .holder .contents .bottom-bar.l-inspect, .overlay > .holder .contents .l-datetime-picker .l-month-year-pager .bottom-bar.pager, @@ -5664,7 +6093,10 @@ span.req { .overlay > .holder .contents .l-datetime-picker .l-month-year-pager .bottom-bar.val, .l-datetime-picker .l-month-year-pager .overlay > .holder .contents .bottom-bar.val, .overlay > .holder .contents .s-menu-btn span.bottom-bar.l-click-area, - .s-menu-btn .overlay > .holder .contents span.bottom-bar.l-click-area { + .s-menu-btn .overlay > .holder .contents span.bottom-bar.l-click-area, + .overlay > .holder .contents .bottom-bar.l-object-wrapper, + .overlay > .holder .contents .l-object-wrapper .bottom-bar.object-holder-main, + .l-object-wrapper .overlay > .holder .contents .bottom-bar.object-holder-main { top: auto; right: auto; bottom: auto; @@ -5711,7 +6143,7 @@ ul.tree { -ms-user-select: none; -webkit-user-select: none; user-select: none; } - /* line 354, ../../../../general/res/sass/_mixins.scss */ + /* line 360, ../../../../general/res/sass/_mixins.scss */ ul.tree li { list-style-type: none; margin: 0; @@ -5909,6 +6341,78 @@ mct-representation.s-status-pending .t-object-label .t-title-label { border-color: rgba(204, 204, 204, 0.25); border-top-color: #cccccc; } +/* line 156, ../../../../general/res/sass/tree/_tree.scss */ +.tree .s-status-editing .tree-item, +.tree .s-status-editing .search-result-item, +.search-results .s-status-editing .tree-item, +.search-results .s-status-editing .search-result-item { + background: #344154; + pointer-events: none; } + /* line 160, ../../../../general/res/sass/tree/_tree.scss */ + .tree .s-status-editing .tree-item:before, + .tree .s-status-editing .search-result-item:before, + .search-results .s-status-editing .tree-item:before, + .search-results .s-status-editing .search-result-item:before { + -moz-animation-name: pulse; + -webkit-animation-name: pulse; + animation-name: pulse; + -moz-animation-duration: 1s; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -moz-animation-direction: alternate; + -webkit-animation-direction: alternate; + animation-direction: alternate; + -moz-animation-iteration-count: infinite; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -moz-animation-timing-function: ease-in-out; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + color: #587ab5; + content: '\70'; + margin-right: 3px; } +@-moz-keyframes pulse { + 0% { + opacity: 0.25; } + 100% { + opacity: 1; } } +@-webkit-keyframes pulse { + 0% { + opacity: 0.25; } + 100% { + opacity: 1; } } +@keyframes pulse { + 0% { + opacity: 0.25; } + 100% { + opacity: 1; } } + /* line 169, ../../../../general/res/sass/tree/_tree.scss */ + .tree .s-status-editing .tree-item .t-object-label .t-item-icon, + .tree .s-status-editing .tree-item .t-object-label .t-title-label, + .tree .s-status-editing .search-result-item .t-object-label .t-item-icon, + .tree .s-status-editing .search-result-item .t-object-label .t-title-label, + .search-results .s-status-editing .tree-item .t-object-label .t-item-icon, + .search-results .s-status-editing .tree-item .t-object-label .t-title-label, + .search-results .s-status-editing .search-result-item .t-object-label .t-item-icon, + .search-results .s-status-editing .search-result-item .t-object-label .t-title-label { + color: #587ab5; + text-shadow: none; } + /* line 174, ../../../../general/res/sass/tree/_tree.scss */ + .tree .s-status-editing .tree-item .t-object-label .t-title-label, + .tree .s-status-editing .search-result-item .t-object-label .t-title-label, + .search-results .s-status-editing .tree-item .t-object-label .t-title-label, + .search-results .s-status-editing .search-result-item .t-object-label .t-title-label { + font-style: italic; } + /* line 178, ../../../../general/res/sass/tree/_tree.scss */ + .tree .s-status-editing .tree-item .view-control, .tree .s-status-editing .tree-item + .tree-item-subtree, + .tree .s-status-editing .search-result-item .view-control, + .tree .s-status-editing .search-result-item + .tree-item-subtree, + .search-results .s-status-editing .tree-item .view-control, + .search-results .s-status-editing .tree-item + .tree-item-subtree, + .search-results .s-status-editing .search-result-item .view-control, + .search-results .s-status-editing .search-result-item + .tree-item-subtree { + display: none; } + /***************************************************************************** * Open MCT Web, Copyright (c) 2014-2015, United States Government * as represented by the Administrator of the National Aeronautics and Space @@ -6100,52 +6604,53 @@ mct-representation.s-status-pending .t-object-label .t-title-label { /* line 25, ../../../../general/res/sass/user-environ/_frame.scss */ .frame.child-frame.panel { background: #333; - border: 1px solid rgba(153, 153, 153, 0.1); } - /* line 28, ../../../../general/res/sass/user-environ/_frame.scss */ + border: 1px solid rgba(153, 153, 153, 0.1); + z-index: 0; } + /* line 29, ../../../../general/res/sass/user-environ/_frame.scss */ .frame.child-frame.panel:hover { border-color: rgba(179, 179, 179, 0.1); } -/* line 32, ../../../../general/res/sass/user-environ/_frame.scss */ +/* line 33, ../../../../general/res/sass/user-environ/_frame.scss */ .frame .object-top-bar { font-size: 0.75em; height: 16px; line-height: 16px; } - /* line 36, ../../../../general/res/sass/user-environ/_frame.scss */ + /* line 37, ../../../../general/res/sass/user-environ/_frame.scss */ .frame .object-top-bar .left { padding-right: 10px; } -/* line 40, ../../../../general/res/sass/user-environ/_frame.scss */ +/* line 41, ../../../../general/res/sass/user-environ/_frame.scss */ .frame > .object-holder.abs, .frame > .object-holder.l-inspect, .l-datetime-picker .l-month-year-pager .frame > .object-holder.pager, -.l-datetime-picker .l-month-year-pager .frame > .object-holder.val, .s-menu-btn .frame > span.object-holder.l-click-area { +.l-datetime-picker .l-month-year-pager .frame > .object-holder.val, .s-menu-btn .frame > span.object-holder.l-click-area, .frame > .object-holder.l-object-wrapper, .l-object-wrapper .frame > .object-holder.object-holder-main { top: 21px; } -/* line 43, ../../../../general/res/sass/user-environ/_frame.scss */ +/* line 44, ../../../../general/res/sass/user-environ/_frame.scss */ .frame .contents { top: 5px; right: 5px; bottom: 5px; left: 5px; } -/* line 51, ../../../../general/res/sass/user-environ/_frame.scss */ +/* line 52, ../../../../general/res/sass/user-environ/_frame.scss */ .frame.frame-template .s-btn, .frame.frame-template .s-menu-btn, .frame.frame-template .s-menu-btn { height: 16px; line-height: 16px; padding: 0 5px; } - /* line 56, ../../../../general/res/sass/user-environ/_frame.scss */ + /* line 57, ../../../../general/res/sass/user-environ/_frame.scss */ .frame.frame-template .s-btn > span, .frame.frame-template .s-menu-btn > span, .frame.frame-template .s-menu-btn > span { font-size: 0.65rem; } -/* line 61, ../../../../general/res/sass/user-environ/_frame.scss */ +/* line 62, ../../../../general/res/sass/user-environ/_frame.scss */ .frame.frame-template .s-menu-btn:after { font-size: 8px; } -/* line 65, ../../../../general/res/sass/user-environ/_frame.scss */ +/* line 66, ../../../../general/res/sass/user-environ/_frame.scss */ .frame.frame-template .view-switcher { z-index: 10; } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 71, ../../../../general/res/sass/user-environ/_frame.scss */ + /* line 72, ../../../../general/res/sass/user-environ/_frame.scss */ .frame.frame-template .view-switcher { opacity: 0; } - /* line 74, ../../../../general/res/sass/user-environ/_frame.scss */ + /* line 75, ../../../../general/res/sass/user-environ/_frame.scss */ .frame.frame-template:hover .view-switcher { opacity: 1; } } -/* line 82, ../../../../general/res/sass/user-environ/_frame.scss */ +/* line 83, ../../../../general/res/sass/user-environ/_frame.scss */ .frame .view-switcher .title-label { display: none; } @@ -6193,10 +6698,10 @@ mct-representation.s-status-pending .t-object-label .t-title-label { /* line 48, ../../../../general/res/sass/user-environ/_top-bar.scss */ .edit-mode .top-bar .buttons-main { white-space: nowrap; } - /* line 52, ../../../../general/res/sass/user-environ/_top-bar.scss */ + /* line 51, ../../../../general/res/sass/user-environ/_top-bar.scss */ .edit-mode .top-bar .buttons-main.abs, .edit-mode .top-bar .buttons-main.l-inspect, .edit-mode .top-bar .l-datetime-picker .l-month-year-pager .buttons-main.pager, .l-datetime-picker .l-month-year-pager .edit-mode .top-bar .buttons-main.pager, .edit-mode .top-bar .l-datetime-picker .l-month-year-pager .buttons-main.val, - .l-datetime-picker .l-month-year-pager .edit-mode .top-bar .buttons-main.val, .edit-mode .top-bar .s-menu-btn span.buttons-main.l-click-area, .s-menu-btn .edit-mode .top-bar span.buttons-main.l-click-area { + .l-datetime-picker .l-month-year-pager .edit-mode .top-bar .buttons-main.val, .edit-mode .top-bar .s-menu-btn span.buttons-main.l-click-area, .s-menu-btn .edit-mode .top-bar span.buttons-main.l-click-area, .edit-mode .top-bar .buttons-main.l-object-wrapper, .edit-mode .top-bar .l-object-wrapper .buttons-main.object-holder-main, .l-object-wrapper .edit-mode .top-bar .buttons-main.object-holder-main { bottom: auto; left: auto; } @@ -6221,27 +6726,27 @@ mct-representation.s-status-pending .t-object-label .t-title-label { * this source code distribution or the Licensing information page available * at runtime from the About dialog for additional information. *****************************************************************************/ -/* line 22, ../../../../general/res/sass/user-environ/_tool-bar.scss */ -.tool-bar { - border-bottom: 1px solid rgba(153, 153, 153, 0.1); } - /* line 24, ../../../../general/res/sass/user-environ/_tool-bar.scss */ - .tool-bar .l-control-group { - height: 25px; } - /* line 27, ../../../../general/res/sass/user-environ/_tool-bar.scss */ - .tool-bar input[type="text"] { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - font-size: .9em; - height: 25px; - margin-bottom: 1px; - position: relative; } - /* line 33, ../../../../general/res/sass/user-environ/_tool-bar.scss */ - .tool-bar input[type="text"].sm { - width: 25px; } - /* line 37, ../../../../general/res/sass/user-environ/_tool-bar.scss */ - .tool-bar .input-labeled label { - font-size: 11.25px; } +/* line 23, ../../../../general/res/sass/user-environ/_tool-bar.scss */ +.tool-bar.btn-bar { + white-space: nowrap; } +/* line 26, ../../../../general/res/sass/user-environ/_tool-bar.scss */ +.tool-bar .l-control-group { + height: 25px; } +/* line 29, ../../../../general/res/sass/user-environ/_tool-bar.scss */ +.tool-bar input[type="text"] { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + font-size: .9em; + height: 25px; + margin-bottom: 1px; + position: relative; } + /* line 35, ../../../../general/res/sass/user-environ/_tool-bar.scss */ + .tool-bar input[type="text"].sm { + width: 25px; } +/* line 39, ../../../../general/res/sass/user-environ/_tool-bar.scss */ +.tool-bar .input-labeled label { + font-size: 11.25px; } /********************************* VIEWS */ /***************************************************************************** @@ -7035,11 +7540,11 @@ table { margin-bottom: 3px; margin-right: 3px; position: relative; } - /* line 297, ../../../../general/res/sass/_mixins.scss */ + /* line 303, ../../../../general/res/sass/_mixins.scss */ .items-holder .item.grid-item .icon, .items-holder .item.grid-item .t-item-icon { color: #0099cc; } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 302, ../../../../general/res/sass/_mixins.scss */ + /* line 308, ../../../../general/res/sass/_mixins.scss */ .items-holder .item.grid-item:not(.disabled):hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; @@ -7047,7 +7552,7 @@ table { background-image: -moz-linear-gradient(#666666, #595959); background-image: -webkit-linear-gradient(#666666, #595959); background-image: linear-gradient(#666666, #595959); } - /* line 304, ../../../../general/res/sass/_mixins.scss */ + /* line 310, ../../../../general/res/sass/_mixins.scss */ .items-holder .item.grid-item:not(.disabled):hover > .icon, .items-holder .item.grid-item:not(.disabled):hover > .t-item-icon { color: #33ccff; } } /* line 45, ../../../../general/res/sass/items/_item.scss */ @@ -7171,11 +7676,11 @@ table { transition: background, 0.25s; text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; color: #80dfff; } - /* line 297, ../../../../general/res/sass/_mixins.scss */ + /* line 303, ../../../../general/res/sass/_mixins.scss */ .items-holder .item.grid-item.selected .icon, .items-holder .item.grid-item.selected .t-item-icon { color: #0099cc; } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 302, ../../../../general/res/sass/_mixins.scss */ + /* line 308, ../../../../general/res/sass/_mixins.scss */ .items-holder .item.grid-item.selected:not(.disabled):hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhYzZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; @@ -7183,7 +7688,7 @@ table { background-image: -moz-linear-gradient(#1ac6ff, #00bfff); background-image: -webkit-linear-gradient(#1ac6ff, #00bfff); background-image: linear-gradient(#1ac6ff, #00bfff); } - /* line 304, ../../../../general/res/sass/_mixins.scss */ + /* line 310, ../../../../general/res/sass/_mixins.scss */ .items-holder .item.grid-item.selected:not(.disabled):hover > .icon, .items-holder .item.grid-item.selected:not(.disabled):hover > .t-item-icon { color: #33ccff; } } /* line 126, ../../../../general/res/sass/items/_item.scss */ diff --git a/platform/commonUI/themes/espresso/res/sass/_constants.scss b/platform/commonUI/themes/espresso/res/sass/_constants.scss index 789579243d..5f9cb56fc0 100644 --- a/platform/commonUI/themes/espresso/res/sass/_constants.scss +++ b/platform/commonUI/themes/espresso/res/sass/_constants.scss @@ -6,6 +6,8 @@ $colorFooterBg: #000; $colorKey: #0099cc; $colorKeySelectedBg: #005177; $colorKeyFg: #fff; +$colorEditAreaBg: #31363e; +$colorEditAreaFg: #587ab5; $colorInteriorBorder: rgba($colorBodyFg, 0.1); $colorA: #ccc; $colorAHov: #fff; @@ -43,8 +45,6 @@ $colorPausedBg: #c56f01; $colorPausedFg: #fff; $colorCreateBtn: $colorKey; $colorGridLines: rgba(#fff, 0.05); -$colorFormLines: rgba(#fff, 0.1); -$colorFormSectionHeader: rgba(#000, 0.2); $colorInvokeMenu: #fff; $colorObjHdrTxt: $colorBodyFg; $colorObjHdrIc: pullForward($colorObjHdrTxt, 20%); @@ -69,8 +69,8 @@ $colorFormValid: #33cc33; $colorFormError: #cc0000; $colorFormInvalid: #ff3300; $colorFormLines: rgba(#fff, 0.1); -$colorFormSectionHeader: rgba(#000, 0.2); -$colorInputBg: rgba(#fff, 0.1); +$colorFormSectionHeader: rgba(#fff, 0.1); +$colorInputBg: rgba(#000, 0.1); $colorInputFg: pullForward($colorBodyFg, 20%); $colorFormText: rgba(#fff, 0.5); $colorInputIcon: pushBack($colorBodyFg, 15%); @@ -80,7 +80,7 @@ $colorInspectorBg: pullForward($colorBodyBg, 3%); $colorInspectorFg: $colorBodyFg; $colorInspectorPropName: pushBack($colorBodyFg, 15%); $colorInspectorPropVal: pullForward($colorInspectorFg, 15%); -$colorInspectorSectionHeaderBg: pullForward($colorInspectorBg, 5%); +$colorInspectorSectionHeaderBg: $colorFormSectionHeader; $colorInspectorSectionHeaderFg: pullForward($colorInspectorBg, 40%); // Status colors, mainly used for messaging and item ancillary symbols @@ -109,8 +109,8 @@ $colorLimitRedBg: rgba(red, 0.3); $colorLimitRedIc: red; // Bubble colors -$colorInfoBubbleFg: #666; $colorInfoBubbleBg: #ddd; +$colorInfoBubbleFg: #666; $colorThumbsBubbleFg: pullForward($colorBodyFg, 10%); $colorThumbsBubbleBg: pullForward($colorBodyBg, 10%); @@ -126,7 +126,7 @@ $colorItemBg: lighten($colorBodyBg, 5%); $colorItemBgHov: pullForward($colorItemBg, 15%); $colorItemFg: lighten($colorItemBg, 50%); $colorItemFgDetails: lighten($colorItemBg, 30%); -$colorItemIc: $colorKey; //pullForward($colorItemFg, 20%); +$colorItemIc: $colorKey; $colorItemSubIcons: $colorItemFgDetails; $colorItemOpenIcon: $colorItemFgDetails; $shdwItemText: rgba(black, 0.1) 0 1px 2px; @@ -153,12 +153,14 @@ $colorItemTreeHoverBg: rgba($colorBodyFg, 0.1); $colorItemTreeHoverFg: pullForward($colorBodyFg, 20%); $colorItemTreeIcon: $colorKey; $colorItemTreeIconHover: lighten($colorItemTreeIcon, 20%); +$colorItemTreeVCHover: $colorAlt1; $colorItemTreeFg: $colorBodyFg; $colorItemTreeSelectedBg: pushBack($colorKey, 15%); $colorItemTreeSelectedFg: pullForward($colorBodyFg, 20%); +$colorItemTreeEditingBg: #344154; +$colorItemTreeEditingFg: $colorEditAreaFg; $colorItemTreeVC: rgba(#fff, 0.3); $colorItemTreeSelectedVC: $colorItemTreeVC; -$colorItemTreeVCHover: $colorAlt1; $shdwItemTreeIcon: 0.6; // Scrollbar @@ -171,7 +173,7 @@ $scrollbarTrackShdw: rgba(#000, 0.7) 0 1px 5px; // Splitter $splitterD: 25px; // splitterD and HandleD should both be odd, or even $splitterHandleD: 1px; -$colorSplitterBg: pullForward($colorBodyBg, 5%); +$colorSplitterBg: rgba(#fff, 0.1); //pullForward($colorBodyBg, 5%); $splitterShdw: rgba(black, 0.4) 0 0 3px; $splitterEndCr: none; $colorSplitterHover: pullForward($colorBodyBg, 15%); @@ -191,5 +193,5 @@ $colorCalCellInMonthBg: pushBack($colorMenuBg, 5%); $colorAboutLink: #84b3ff; // Loading -$colorLoadingBg: rgba($colorBodyFg, 0.2); $colorLoadingFg: $colorAlt1; +$colorLoadingBg: rgba($colorBodyFg, 0.2); \ No newline at end of file diff --git a/platform/commonUI/themes/snow/res/css/theme-snow.css b/platform/commonUI/themes/snow/res/css/theme-snow.css index 68bb1eb262..92b318d082 100644 --- a/platform/commonUI/themes/snow/res/css/theme-snow.css +++ b/platform/commonUI/themes/snow/res/css/theme-snow.css @@ -248,22 +248,7 @@ a.disabled { .test { background-color: rgba(255, 204, 0, 0.2) !important; } -@-moz-keyframes pulse { - 0% { - opacity: 0.5; } - 100% { - opacity: 1; } } -@-webkit-keyframes pulse { - 0% { - opacity: 0.5; } - 100% { - opacity: 1; } } -@keyframes pulse { - 0% { - opacity: 0.5; } - 100% { - opacity: 1; } } -/* line 65, ../../../../general/res/sass/_effects.scss */ +/* line 75, ../../../../general/res/sass/_effects.scss */ .pulse { -moz-animation-name: pulse; -webkit-animation-name: pulse; @@ -280,7 +265,21 @@ a.disabled { -moz-animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } - +@-moz-keyframes pulse { + 0% { + opacity: 0.5; } + 100% { + opacity: 1; } } +@-webkit-keyframes pulse { + 0% { + opacity: 0.5; } + 100% { + opacity: 1; } } +@keyframes pulse { + 0% { + opacity: 0.5; } + 100% { + opacity: 1; } } /***************************************************************************** * Open MCT Web, Copyright (c) 2014-2015, United States Government * as represented by the Administrator of the National Aeronautics and Space @@ -370,7 +369,7 @@ mct-container { /* line 93, ../../../../general/res/sass/_global.scss */ .abs, .l-inspect, .l-datetime-picker .l-month-year-pager .pager, -.l-datetime-picker .l-month-year-pager .val, .s-menu-btn span.l-click-area { +.l-datetime-picker .l-month-year-pager .val, .s-menu-btn span.l-click-area, .l-object-wrapper, .l-object-wrapper .object-holder-main { position: absolute; top: 0; right: 0; @@ -400,29 +399,36 @@ mct-container { text-align: center; } /* line 124, ../../../../general/res/sass/_global.scss */ -.scrolling { - overflow: auto; } +.ellipsis { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } /* line 128, ../../../../general/res/sass/_global.scss */ +.scrolling, +.scroll { + overflow: auto; } + +/* line 133, ../../../../general/res/sass/_global.scss */ .vscroll { overflow-y: auto; } -/* line 132, ../../../../general/res/sass/_global.scss */ +/* line 137, ../../../../general/res/sass/_global.scss */ .no-margin { margin: 0; } -/* line 136, ../../../../general/res/sass/_global.scss */ +/* line 141, ../../../../general/res/sass/_global.scss */ .ds { -moz-box-shadow: rgba(0, 0, 0, 0.7) 0 4px 10px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 4px 10px 2px; box-shadow: rgba(0, 0, 0, 0.7) 0 4px 10px 2px; } -/* line 140, ../../../../general/res/sass/_global.scss */ +/* line 145, ../../../../general/res/sass/_global.scss */ .hide, .hidden { display: none !important; } -/* line 145, ../../../../general/res/sass/_global.scss */ +/* line 150, ../../../../general/res/sass/_global.scss */ .off { visibility: hidden; opacity: 0; @@ -432,7 +438,7 @@ mct-container { border: 0; margin: 0 !important; } -/* line 155, ../../../../general/res/sass/_global.scss */ +/* line 160, ../../../../general/res/sass/_global.scss */ .sep { color: rgba(255, 255, 255, 0.2); } @@ -629,7 +635,7 @@ mct-container { *****************************************************************************/ /* line 26, ../../../../general/res/sass/_about.scss */ .l-about.abs, .l-about.l-inspect, .l-datetime-picker .l-month-year-pager .l-about.pager, -.l-datetime-picker .l-month-year-pager .l-about.val, .s-menu-btn span.l-about.l-click-area { +.l-datetime-picker .l-month-year-pager .l-about.val, .s-menu-btn span.l-about.l-click-area, .l-about.l-object-wrapper, .l-object-wrapper .l-about.object-holder-main { overflow: auto; } /* line 31, ../../../../general/res/sass/_about.scss */ .l-about .l-logo-holder { @@ -721,7 +727,7 @@ mct-container { *****************************************************************************/ /* line 24, ../../../../general/res/sass/_text.scss */ .abs.l-standalone, .l-standalone.l-inspect, .l-datetime-picker .l-month-year-pager .l-standalone.pager, -.l-datetime-picker .l-month-year-pager .l-standalone.val, .s-menu-btn span.l-standalone.l-click-area { +.l-datetime-picker .l-month-year-pager .l-standalone.val, .s-menu-btn span.l-standalone.l-click-area, .l-standalone.l-object-wrapper, .l-object-wrapper .l-standalone.object-holder-main { padding: 5% 20%; } /* line 29, ../../../../general/res/sass/_text.scss */ @@ -783,30 +789,66 @@ mct-container { border-right: 5px solid transparent; } /* line 31, ../../../../general/res/sass/_icons.scss */ -.ui-symbol, .t-item-icon, .s-icon-btn, .l-datetime-picker .l-month-year-pager .pager { +.ui-symbol, .t-item-icon, .s-icon-btn, .l-datetime-picker .l-month-year-pager .pager, .tree .s-status-editing .tree-item:before, +.tree .s-status-editing .search-result-item:before, +.search-results .s-status-editing .tree-item:before, +.search-results .s-status-editing .search-result-item:before { font-family: 'symbolsfont'; } /* line 33, ../../../../general/res/sass/_icons.scss */ - .ui-symbol.type-icon, .type-icon.t-item-icon, .type-icon.s-icon-btn, .l-datetime-picker .l-month-year-pager .type-icon.pager { + .ui-symbol.type-icon, .type-icon.t-item-icon, .type-icon.s-icon-btn, .l-datetime-picker .l-month-year-pager .type-icon.pager, .tree .s-status-editing .type-icon.tree-item:before, + .tree .s-status-editing .type-icon.search-result-item:before, + .search-results .s-status-editing .type-icon.tree-item:before, + .search-results .s-status-editing .type-icon.search-result-item:before { color: #b3b3b3; } /* line 36, ../../../../general/res/sass/_icons.scss */ - .ui-symbol.icon, .t-item-icon, .icon.s-icon-btn, .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager .pager.t-item-icon { + .ui-symbol.icon, .t-item-icon, .icon.s-icon-btn, .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager .pager.t-item-icon, .tree .s-status-editing .icon.tree-item:before, .tree .s-status-editing .tree-item.t-item-icon:before, + .tree .s-status-editing .icon.search-result-item:before, + .tree .s-status-editing .search-result-item.t-item-icon:before, + .search-results .s-status-editing .icon.tree-item:before, + .search-results .s-status-editing .tree-item.t-item-icon:before, + .search-results .s-status-editing .icon.search-result-item:before, + .search-results .s-status-editing .search-result-item.t-item-icon:before { color: #0099cc; font-size: inherit; } /* line 40, ../../../../general/res/sass/_icons.scss */ - .ui-symbol.icon.alert, .alert.t-item-icon, .icon.alert.s-icon-btn, .l-datetime-picker .l-month-year-pager .icon.alert.pager, .l-datetime-picker .l-month-year-pager .alert.pager.t-item-icon { + .ui-symbol.icon.alert, .alert.t-item-icon, .icon.alert.s-icon-btn, .l-datetime-picker .l-month-year-pager .icon.alert.pager, .l-datetime-picker .l-month-year-pager .alert.pager.t-item-icon, .tree .s-status-editing .icon.alert.tree-item:before, .tree .s-status-editing .alert.tree-item.t-item-icon:before, + .tree .s-status-editing .icon.alert.search-result-item:before, + .tree .s-status-editing .alert.search-result-item.t-item-icon:before, + .search-results .s-status-editing .icon.alert.tree-item:before, + .search-results .s-status-editing .alert.tree-item.t-item-icon:before, + .search-results .s-status-editing .icon.alert.search-result-item:before, + .search-results .s-status-editing .alert.search-result-item.t-item-icon:before { color: #ff3c00; } /* line 42, ../../../../general/res/sass/_icons.scss */ - .ui-symbol.icon.alert:hover, .alert.t-item-icon:hover, .icon.alert.s-icon-btn:hover, .l-datetime-picker .l-month-year-pager .icon.alert.pager:hover { + .ui-symbol.icon.alert:hover, .alert.t-item-icon:hover, .icon.alert.s-icon-btn:hover, .l-datetime-picker .l-month-year-pager .icon.alert.pager:hover, .tree .s-status-editing .icon.alert.tree-item:hover:before, .tree .s-status-editing .alert.tree-item.t-item-icon:hover:before, + .tree .s-status-editing .icon.alert.search-result-item:hover:before, + .tree .s-status-editing .alert.search-result-item.t-item-icon:hover:before, + .search-results .s-status-editing .icon.alert.tree-item:hover:before, + .search-results .s-status-editing .alert.tree-item.t-item-icon:hover:before, + .search-results .s-status-editing .icon.alert.search-result-item:hover:before, + .search-results .s-status-editing .alert.search-result-item.t-item-icon:hover:before { color: #ff8a66; } /* line 46, ../../../../general/res/sass/_icons.scss */ - .ui-symbol.icon.major, .major.t-item-icon, .icon.major.s-icon-btn, .l-datetime-picker .l-month-year-pager .icon.major.pager, .l-datetime-picker .l-month-year-pager .major.pager.t-item-icon { + .ui-symbol.icon.major, .major.t-item-icon, .icon.major.s-icon-btn, .l-datetime-picker .l-month-year-pager .icon.major.pager, .l-datetime-picker .l-month-year-pager .major.pager.t-item-icon, .tree .s-status-editing .icon.major.tree-item:before, .tree .s-status-editing .major.tree-item.t-item-icon:before, + .tree .s-status-editing .icon.major.search-result-item:before, + .tree .s-status-editing .major.search-result-item.t-item-icon:before, + .search-results .s-status-editing .icon.major.tree-item:before, + .search-results .s-status-editing .major.tree-item.t-item-icon:before, + .search-results .s-status-editing .icon.major.search-result-item:before, + .search-results .s-status-editing .major.search-result-item.t-item-icon:before { font-size: 1.65em; } /* line 50, ../../../../general/res/sass/_icons.scss */ .ui-symbol.icon-calendar:after, .icon-calendar.t-item-icon:after, .icon-calendar.s-icon-btn:after, .l-datetime-picker .l-month-year-pager .icon-calendar.pager:after { content: "\e605"; } /* line 55, ../../../../general/res/sass/_icons.scss */ -.bar .ui-symbol, .bar .t-item-icon, .bar .s-icon-btn, .bar .l-datetime-picker .l-month-year-pager .pager, .l-datetime-picker .l-month-year-pager .bar .pager { +.bar .ui-symbol, .bar .t-item-icon, .bar .s-icon-btn, .bar .l-datetime-picker .l-month-year-pager .pager, .l-datetime-picker .l-month-year-pager .bar .pager, .bar .tree .s-status-editing .tree-item:before, .tree .s-status-editing .bar .tree-item:before, +.bar .tree .s-status-editing .search-result-item:before, +.tree .s-status-editing .bar .search-result-item:before, +.bar .search-results .s-status-editing .tree-item:before, +.search-results .s-status-editing .bar .tree-item:before, +.bar .search-results .s-status-editing .search-result-item:before, +.search-results .s-status-editing .bar .search-result-item:before { display: inline-block; } /* line 59, ../../../../general/res/sass/_icons.scss */ @@ -1447,18 +1489,21 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { /* line 24, ../../../../general/res/sass/_inspector.scss */ .l-inspect, .l-inspect table tr td { - font-size: 0.7rem; } + font-size: 0.75rem; } /* line 29, ../../../../general/res/sass/_inspector.scss */ .l-inspect { background: #efefef; color: #666; line-height: 140%; } - /* line 34, ../../../../general/res/sass/_inspector.scss */ + /* line 35, ../../../../general/res/sass/_inspector.scss */ + .l-inspect .flex-elem.holder:not(:last-child) { + margin-bottom: 5px; } + /* line 37, ../../../../general/res/sass/_inspector.scss */ .l-inspect .pane-header { color: #999999; font-size: 0.8rem; } - /* line 37, ../../../../general/res/sass/_inspector.scss */ + /* line 40, ../../../../general/res/sass/_inspector.scss */ .l-inspect .pane-header:before { color: gray; content: '\e615'; @@ -1466,21 +1511,26 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { font-family: symbolsfont; margin-right: 5px; vertical-align: bottom; } - /* line 47, ../../../../general/res/sass/_inspector.scss */ + /* line 52, ../../../../general/res/sass/_inspector.scss */ + .l-inspect .split-layout .split-pane-component.pane.bottom { + height: 30%; + min-height: 20%; + max-height: 80%; } + /* line 60, ../../../../general/res/sass/_inspector.scss */ .l-inspect ul { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 5px; } - /* line 52, ../../../../general/res/sass/_inspector.scss */ + /* line 65, ../../../../general/res/sass/_inspector.scss */ .l-inspect ul li, .l-inspect em { display: block; position: relative; } - /* line 58, ../../../../general/res/sass/_inspector.scss */ + /* line 71, ../../../../general/res/sass/_inspector.scss */ .l-inspect ul li { margin-bottom: 10px; } - /* line 62, ../../../../general/res/sass/_inspector.scss */ + /* line 75, ../../../../general/res/sass/_inspector.scss */ .l-inspect em { -moz-border-radius: 4px; -webkit-border-radius: 4px; @@ -1490,21 +1540,21 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { margin-bottom: 5px; padding: 5px 5px; text-transform: uppercase; } - /* line 71, ../../../../general/res/sass/_inspector.scss */ + /* line 84, ../../../../general/res/sass/_inspector.scss */ .l-inspect .inspector-properties { padding: 3px 0; } - /* line 72, ../../../../general/res/sass/_inspector.scss */ + /* line 85, ../../../../general/res/sass/_inspector.scss */ .l-inspect .inspector-properties:not(.first) { border-top: 1px solid #e3e3e3; } - /* line 76, ../../../../general/res/sass/_inspector.scss */ + /* line 89, ../../../../general/res/sass/_inspector.scss */ .l-inspect .inspector-properties .label { color: #999999; text-transform: uppercase; } - /* line 80, ../../../../general/res/sass/_inspector.scss */ + /* line 93, ../../../../general/res/sass/_inspector.scss */ .l-inspect .inspector-properties .value { color: #404040; word-break: break-all; } - /* line 87, ../../../../general/res/sass/_inspector.scss */ + /* line 100, ../../../../general/res/sass/_inspector.scss */ .l-inspect .inspector-location .location-item { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; @@ -1514,18 +1564,18 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { line-height: 1.2em; position: relative; padding: 2px 4px; } - /* line 96, ../../../../general/res/sass/_inspector.scss */ + /* line 109, ../../../../general/res/sass/_inspector.scss */ .l-inspect .inspector-location .location-item .t-object-label .t-item-icon { height: 1.2em; width: 0.7rem; } - /* line 101, ../../../../general/res/sass/_inspector.scss */ + /* line 114, ../../../../general/res/sass/_inspector.scss */ .l-inspect .inspector-location .location-item:hover { background: rgba(102, 102, 102, 0.1); color: #333333; } - /* line 104, ../../../../general/res/sass/_inspector.scss */ + /* line 117, ../../../../general/res/sass/_inspector.scss */ .l-inspect .inspector-location .location-item:hover .icon, .l-inspect .inspector-location .location-item:hover .t-item-icon { color: #0099cc; } - /* line 109, ../../../../general/res/sass/_inspector.scss */ + /* line 122, ../../../../general/res/sass/_inspector.scss */ .l-inspect .inspector-location:not(.last) .t-object-label .t-title-label:after { color: #8c8c8c; content: '\3e'; @@ -1536,6 +1586,44 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { line-height: inherit; margin-left: 3px; width: 4px; } + /* line 135, ../../../../general/res/sass/_inspector.scss */ + .l-inspect .holder-elements .current-elements { + position: relative; } + /* line 138, ../../../../general/res/sass/_inspector.scss */ + .l-inspect .holder-elements .current-elements .tree-item .t-object-label { + font-size: 0.75rem; + left: 0; } + +/* line 149, ../../../../general/res/sass/_inspector.scss */ +.l-inspect .splitter-inspect-panel, +.l-inspect .split-pane-component.pane.bottom { + -moz-transition-property: opacity; + -o-transition-property: opacity; + -webkit-transition-property: opacity; + transition-property: opacity; + -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; + opacity: 0; + pointer-events: none; } + +/* line 158, ../../../../general/res/sass/_inspector.scss */ +.s-status-editing .l-inspect .location-item { + pointer-events: none; } +/* line 159, ../../../../general/res/sass/_inspector.scss */ +.s-status-editing .l-inspect .splitter-inspect-panel, +.s-status-editing .l-inspect .split-pane-component.pane.bottom { + opacity: 1; + pointer-events: inherit; } /********************************* CONTROLS */ /* line 1, ../../../../general/res/sass/controls/_breadcrumb.scss */ @@ -1610,24 +1698,25 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 7.5px; - font-size: 0.7rem; } - /* line 39, ../../../../general/res/sass/controls/_buttons.scss */ + font-size: 0.7rem; + vertical-align: top; } + /* line 40, ../../../../general/res/sass/controls/_buttons.scss */ .s-btn .icon, .s-menu-btn .icon, .s-btn .t-item-icon, .s-menu-btn .t-item-icon { font-size: 0.8rem; color: #0099cc; } - /* line 44, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 45, ../../../../general/res/sass/controls/_buttons.scss */ .s-btn .title-label, .s-menu-btn .title-label { vertical-align: top; } - /* line 48, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 49, ../../../../general/res/sass/controls/_buttons.scss */ .s-btn.lg, .lg.s-menu-btn { font-size: 1rem; } - /* line 52, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 53, ../../../../general/res/sass/controls/_buttons.scss */ .s-btn.sm, .sm.s-menu-btn { padding: 0 5px; } - /* line 56, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 57, ../../../../general/res/sass/controls/_buttons.scss */ .s-btn.vsm, .vsm.s-menu-btn { padding: 0 2.5px; } - /* line 60, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 61, ../../../../general/res/sass/controls/_buttons.scss */ .s-btn.major, .major.s-menu-btn { background-color: #0099cc; -moz-border-radius: 4px; @@ -1647,17 +1736,17 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -webkit-transition: background, 0.25s; transition: background, 0.25s; text-shadow: none; } - /* line 297, ../../../../general/res/sass/_mixins.scss */ + /* line 303, ../../../../general/res/sass/_mixins.scss */ .s-btn.major .icon, .major.s-menu-btn .icon, .s-btn.major .t-item-icon, .major.s-menu-btn .t-item-icon { color: #fff; } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 302, ../../../../general/res/sass/_mixins.scss */ + /* line 308, ../../../../general/res/sass/_mixins.scss */ .s-btn.major:not(.disabled):hover, .major.s-menu-btn:not(.disabled):hover { background-image: deepskyblue; } - /* line 304, ../../../../general/res/sass/_mixins.scss */ + /* line 310, ../../../../general/res/sass/_mixins.scss */ .s-btn.major:not(.disabled):hover > .icon, .major.s-menu-btn:not(.disabled):hover > .icon, .s-btn.major:not(.disabled):hover > .t-item-icon, .major.s-menu-btn:not(.disabled):hover > .t-item-icon { color: white; } } - /* line 66, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 67, ../../../../general/res/sass/controls/_buttons.scss */ .s-btn:not(.major), .s-menu-btn:not(.major) { background-color: #969696; -moz-border-radius: 4px; @@ -1677,20 +1766,32 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -webkit-transition: background, 0.25s; transition: background, 0.25s; text-shadow: none; } - /* line 297, ../../../../general/res/sass/_mixins.scss */ + /* line 303, ../../../../general/res/sass/_mixins.scss */ .s-btn:not(.major) .icon, .s-menu-btn:not(.major) .icon, .s-btn:not(.major) .t-item-icon, .s-menu-btn:not(.major) .t-item-icon { color: #eee; } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 302, ../../../../general/res/sass/_mixins.scss */ + /* line 308, ../../../../general/res/sass/_mixins.scss */ .s-btn:not(.major):not(.disabled):hover, .s-menu-btn:not(.major):not(.disabled):hover { background-image: #0099cc; } - /* line 304, ../../../../general/res/sass/_mixins.scss */ + /* line 310, ../../../../general/res/sass/_mixins.scss */ .s-btn:not(.major):not(.disabled):hover > .icon, .s-menu-btn:not(.major):not(.disabled):hover > .icon, .s-btn:not(.major):not(.disabled):hover > .t-item-icon, .s-menu-btn:not(.major):not(.disabled):hover > .t-item-icon { color: white; } } - /* line 75, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 74, ../../../../general/res/sass/controls/_buttons.scss */ + .s-btn.t-save:before, .t-save.s-menu-btn:before { + content: '\e612'; + font-family: symbolsfont; + margin-right: 3px; } + /* line 80, ../../../../general/res/sass/controls/_buttons.scss */ + .s-btn.t-cancel .title-label, .t-cancel.s-menu-btn .title-label { + display: none; } + /* line 81, ../../../../general/res/sass/controls/_buttons.scss */ + .s-btn.t-cancel:before, .t-cancel.s-menu-btn:before { + content: '\78'; + font-family: symbolsfont; } + /* line 88, ../../../../general/res/sass/controls/_buttons.scss */ .s-btn.pause-play .icon:before, .pause-play.s-menu-btn .icon:before, .s-btn.pause-play .t-item-icon:before, .pause-play.s-menu-btn .t-item-icon:before { content: "\0000F1"; } - /* line 78, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 91, ../../../../general/res/sass/controls/_buttons.scss */ .s-btn.pause-play.paused, .pause-play.paused.s-menu-btn { background-color: #ff9900; -moz-border-radius: 4px; @@ -1710,17 +1811,17 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -webkit-transition: background, 0.25s; transition: background, 0.25s; text-shadow: none; } - /* line 297, ../../../../general/res/sass/_mixins.scss */ + /* line 303, ../../../../general/res/sass/_mixins.scss */ .s-btn.pause-play.paused .icon, .pause-play.paused.s-menu-btn .icon, .s-btn.pause-play.paused .t-item-icon, .pause-play.paused.s-menu-btn .t-item-icon { color: #fff; } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 302, ../../../../general/res/sass/_mixins.scss */ + /* line 308, ../../../../general/res/sass/_mixins.scss */ .s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu-btn:not(.disabled):hover { background-image: #ffad33; } - /* line 304, ../../../../general/res/sass/_mixins.scss */ + /* line 310, ../../../../general/res/sass/_mixins.scss */ .s-btn.pause-play.paused:not(.disabled):hover > .icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .icon, .s-btn.pause-play.paused:not(.disabled):hover > .t-item-icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .t-item-icon { color: white; } } - /* line 80, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 93, ../../../../general/res/sass/controls/_buttons.scss */ .s-btn.pause-play.paused .icon, .pause-play.paused.s-menu-btn .icon, .s-btn.pause-play.paused .t-item-icon, .pause-play.paused.s-menu-btn .t-item-icon { -moz-animation-name: pulse; -webkit-animation-name: pulse; @@ -1737,15 +1838,30 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -moz-animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } - /* line 82, ../../../../general/res/sass/controls/_buttons.scss */ +@-moz-keyframes pulse { + 0% { + opacity: 0.5; } + 100% { + opacity: 1; } } +@-webkit-keyframes pulse { + 0% { + opacity: 0.5; } + 100% { + opacity: 1; } } +@keyframes pulse { + 0% { + opacity: 0.5; } + 100% { + opacity: 1; } } + /* line 95, ../../../../general/res/sass/controls/_buttons.scss */ .s-btn.pause-play.paused .icon :before, .pause-play.paused.s-menu-btn .icon :before, .s-btn.pause-play.paused .t-item-icon :before, .pause-play.paused.s-menu-btn .t-item-icon :before { content: "\0000EF"; } - /* line 90, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 103, ../../../../general/res/sass/controls/_buttons.scss */ .s-btn.show-thumbs .icon:before, .show-thumbs.s-menu-btn .icon:before, .s-btn.show-thumbs .t-item-icon:before, .show-thumbs.s-menu-btn .t-item-icon:before { content: "\000039"; } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 101, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 114, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab { -moz-border-radius: 4px; -webkit-border-radius: 4px; @@ -1779,10 +1895,10 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { height: 24px; width: 9px; text-align: center; } - /* line 130, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 143, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab:hover { color: #0099cc; } - /* line 135, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 148, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.collapsed { background-color: #969696; -moz-border-radius: 4px; @@ -1802,30 +1918,30 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -webkit-transition: background, 0.25s; transition: background, 0.25s; text-shadow: none; } - /* line 297, ../../../../general/res/sass/_mixins.scss */ + /* line 303, ../../../../general/res/sass/_mixins.scss */ .mini-tab.collapsed .icon, .mini-tab.collapsed .t-item-icon { color: #eee; } } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 302, ../../../../general/res/sass/_mixins.scss */ + /* line 308, ../../../../general/res/sass/_mixins.scss */ .mini-tab.collapsed:not(.disabled):hover { background-image: #0099cc; } - /* line 304, ../../../../general/res/sass/_mixins.scss */ + /* line 310, ../../../../general/res/sass/_mixins.scss */ .mini-tab.collapsed:not(.disabled):hover > .icon, .mini-tab.collapsed:not(.disabled):hover > .t-item-icon { color: white; } } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 138, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 151, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.collapsed:before { opacity: 0; } - /* line 139, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 152, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.collapsed:after { opacity: 1; } - /* line 141, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 154, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.collapsed:hover:before { opacity: 1; } - /* line 142, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 155, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.collapsed:hover:after { opacity: 0; } - /* line 147, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 160, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab:before, .mini-tab:after { -moz-transition-property: left, right, opacity; -o-transition-property: left, right, opacity; @@ -1846,22 +1962,22 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { display: block; height: 100%; position: absolute; } - /* line 156, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 169, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab:before { width: 9px; } - /* line 162, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 175, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab:after { width: 100%; text-align: center; opacity: 0; } - /* line 169, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 182, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-left { text-align: right; } - /* line 172, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 185, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-left:before { content: '\3c'; right: 0; } - /* line 177, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 190, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-left.collapsed { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; @@ -1870,21 +1986,21 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; text-align: left; } - /* line 180, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 193, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-left.collapsed:before { content: '\3e'; left: 0; } - /* line 184, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 197, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-left.collapsed:hover:before { left: 2px; } - /* line 187, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 200, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-right { text-align: left; } - /* line 190, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 203, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-right:before { content: '\3e'; left: 0; } - /* line 195, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 208, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-right.collapsed { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; @@ -1892,17 +2008,17 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } - /* line 197, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 210, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-right.collapsed:before { text-align: right; content: '\3c'; right: 0; } - /* line 202, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 215, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-right.collapsed:hover:before { right: 2px; } } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 208, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 221, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab-icon { color: #d6d6d6; cursor: pointer; @@ -1915,31 +2031,31 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { line-height: 9px; overflow: hidden; word-break: break-all; } - /* line 225, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 238, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab-icon.collapsed { width: 11px; font-size: 11px; } - /* line 230, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 243, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab-icon:before, .mini-tab-icon:after { position: absolute; display: inherit; } - /* line 236, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 249, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab-icon:before { content: '\78'; } - /* line 240, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 253, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab-icon:hover { color: #0099cc; } } -/* line 247, ../../../../general/res/sass/controls/_buttons.scss */ +/* line 260, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set { font-size: 0; } - /* line 253, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 266, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set .s-btn, .l-btn-set .s-menu-btn { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin-left: 1px; } - /* line 259, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 272, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set .first .s-btn, .l-btn-set .first .s-menu-btn { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; @@ -1948,7 +2064,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; margin-left: 0; } - /* line 266, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 279, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set .last .s-btn, .l-btn-set .last .s-menu-btn { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; @@ -1957,7 +2073,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } -/* line 273, ../../../../general/res/sass/controls/_buttons.scss */ +/* line 286, ../../../../general/res/sass/controls/_buttons.scss */ .paused:not(.s-btn):not(.s-menu-btn) { border-color: #ff9900 !important; color: #ff9900 !important; } @@ -2758,7 +2874,19 @@ label.checkbox.custom { left: 0; text-align: left; } /* line 62, ../../../../general/res/sass/controls/_menus.scss */ - .s-menu-btn .menu .ui-symbol.icon, .s-menu-btn .menu .t-item-icon, .s-menu-btn .menu .icon.s-icon-btn, .s-menu-btn .menu .s-icon-btn.t-item-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 .l-datetime-picker .l-month-year-pager .pager.t-item-icon, .l-datetime-picker .l-month-year-pager .s-menu-btn .menu .pager.t-item-icon { + .s-menu-btn .menu .ui-symbol.icon, .s-menu-btn .menu .t-item-icon, .s-menu-btn .menu .icon.s-icon-btn, .s-menu-btn .menu .s-icon-btn.t-item-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 .l-datetime-picker .l-month-year-pager .pager.t-item-icon, .l-datetime-picker .l-month-year-pager .s-menu-btn .menu .pager.t-item-icon, .s-menu-btn .menu .tree .s-status-editing .icon.tree-item:before, .tree .s-status-editing .s-menu-btn .menu .icon.tree-item:before, .s-menu-btn .menu .tree .s-status-editing .tree-item.t-item-icon:before, .tree .s-status-editing .s-menu-btn .menu .tree-item.t-item-icon:before, + .s-menu-btn .menu .tree .s-status-editing .icon.search-result-item:before, + .tree .s-status-editing .s-menu-btn .menu .icon.search-result-item:before, + .s-menu-btn .menu .tree .s-status-editing .search-result-item.t-item-icon:before, + .tree .s-status-editing .s-menu-btn .menu .search-result-item.t-item-icon:before, + .s-menu-btn .menu .search-results .s-status-editing .icon.tree-item:before, + .search-results .s-status-editing .s-menu-btn .menu .icon.tree-item:before, + .s-menu-btn .menu .search-results .s-status-editing .tree-item.t-item-icon:before, + .search-results .s-status-editing .s-menu-btn .menu .tree-item.t-item-icon:before, + .s-menu-btn .menu .search-results .s-status-editing .icon.search-result-item:before, + .search-results .s-status-editing .s-menu-btn .menu .icon.search-result-item:before, + .s-menu-btn .menu .search-results .s-status-editing .search-result-item.t-item-icon:before, + .search-results .s-status-editing .s-menu-btn .menu .search-result-item.t-item-icon:before { width: 12px; } /******************************************************** MENUS THEMSELVES */ @@ -2796,7 +2924,7 @@ label.checkbox.custom { .menu ul { margin: 0; padding: 0; } - /* line 354, ../../../../general/res/sass/_mixins.scss */ + /* line 360, ../../../../general/res/sass/_mixins.scss */ .menu ul li { list-style-type: none; margin: 0; @@ -3192,6 +3320,21 @@ label.checkbox.custom { -moz-animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } +@-moz-keyframes pulse { + 0% { + opacity: 0.5; } + 100% { + opacity: 1; } } +@-webkit-keyframes pulse { + 0% { + opacity: 0.5; } + 100% { + opacity: 1; } } +@keyframes pulse { + 0% { + opacity: 0.5; } + 100% { + opacity: 1; } } /* line 153, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner .banner-elem { -webkit-flex: 0 1 auto; @@ -3446,22 +3589,13 @@ label.checkbox.custom { .t-message-list .message-contents .l-message { margin-right: 10px; } } -/* line 13, ../../../../general/res/sass/controls/_time-controller.scss */ +/* line 9, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller { - overflow: hidden; - position: absolute; - top: 0px; - right: 0px; - bottom: 0px; - left: 0px; - width: auto; - height: auto; display: block; - top: auto; height: 83px; min-width: 500px; font-size: 0.8rem; } - /* line 38, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 34, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .l-time-range-inputs-holder, mct-include.l-time-controller .l-time-range-slider-holder, mct-include.l-time-controller .l-time-range-ticks-holder { @@ -3477,7 +3611,7 @@ mct-include.l-time-controller { -webkit-box-sizing: border-box; box-sizing: border-box; top: auto; } - /* line 47, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 43, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .l-time-range-slider, mct-include.l-time-controller .l-time-range-ticks { overflow: visible; @@ -3490,26 +3624,38 @@ mct-include.l-time-controller { height: auto; left: 150px; right: 150px; } - /* line 54, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 50, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .l-time-range-inputs-holder { height: 33px; bottom: 46px; padding-top: 5px; border-top: 1px solid rgba(102, 102, 102, 0.2); } - /* line 59, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 55, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .l-time-range-inputs-holder .type-icon { font-size: 120%; vertical-align: middle; } - /* line 63, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 59, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem { margin-right: 5px; } - /* line 66, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 62, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .lbl, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .lbl { color: #999999; } - /* line 69, ../../../../general/res/sass/controls/_time-controller.scss */ - mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .ui-symbol.icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .t-item-icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .icon.s-icon-btn, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .s-icon-btn.t-item-icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .icon.pager, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .l-datetime-picker .l-month-year-pager .pager.t-item-icon, .l-datetime-picker .l-month-year-pager mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .pager.t-item-icon, + /* line 65, ../../../../general/res/sass/controls/_time-controller.scss */ + mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .ui-symbol.icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .t-item-icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .icon.s-icon-btn, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .s-icon-btn.t-item-icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .icon.pager, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .l-datetime-picker .l-month-year-pager .pager.t-item-icon, .l-datetime-picker .l-month-year-pager mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .pager.t-item-icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .tree .s-status-editing .icon.tree-item:before, .tree .s-status-editing mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .icon.tree-item:before, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .tree .s-status-editing .tree-item.t-item-icon:before, .tree .s-status-editing mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .tree-item.t-item-icon:before, + mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .tree .s-status-editing .icon.search-result-item:before, + .tree .s-status-editing mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .icon.search-result-item:before, + mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .tree .s-status-editing .search-result-item.t-item-icon:before, + .tree .s-status-editing mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .search-result-item.t-item-icon:before, + mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .search-results .s-status-editing .icon.tree-item:before, + .search-results .s-status-editing mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .icon.tree-item:before, + mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .search-results .s-status-editing .tree-item.t-item-icon:before, + .search-results .s-status-editing mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .tree-item.t-item-icon:before, + mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .search-results .s-status-editing .icon.search-result-item:before, + .search-results .s-status-editing mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .icon.search-result-item:before, + mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .search-results .s-status-editing .search-result-item.t-item-icon:before, + .search-results .s-status-editing mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .search-result-item.t-item-icon:before, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .ui-symbol.icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .t-item-icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .icon.s-icon-btn, @@ -3517,21 +3663,37 @@ mct-include.l-time-controller { mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .icon.pager, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .l-datetime-picker .l-month-year-pager .pager.t-item-icon, - .l-datetime-picker .l-month-year-pager mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .pager.t-item-icon { + .l-datetime-picker .l-month-year-pager mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .pager.t-item-icon, + mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .tree .s-status-editing .icon.tree-item:before, + .tree .s-status-editing mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .icon.tree-item:before, + mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .tree .s-status-editing .tree-item.t-item-icon:before, + .tree .s-status-editing mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .tree-item.t-item-icon:before, + mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .tree .s-status-editing .icon.search-result-item:before, + .tree .s-status-editing mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .icon.search-result-item:before, + mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .tree .s-status-editing .search-result-item.t-item-icon:before, + .tree .s-status-editing mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .search-result-item.t-item-icon:before, + mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .search-results .s-status-editing .icon.tree-item:before, + .search-results .s-status-editing mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .icon.tree-item:before, + mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .search-results .s-status-editing .tree-item.t-item-icon:before, + .search-results .s-status-editing mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .tree-item.t-item-icon:before, + mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .search-results .s-status-editing .icon.search-result-item:before, + .search-results .s-status-editing mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .icon.search-result-item:before, + mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .search-results .s-status-editing .search-result-item.t-item-icon:before, + .search-results .s-status-editing mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .search-result-item.t-item-icon:before { font-size: 11px; width: 11px; } - /* line 76, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 72, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .l-time-range-slider-holder { height: 20px; bottom: 23px; } - /* line 79, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 75, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .l-time-range-slider-holder .range-holder { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background: none; border: none; } - /* line 84, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 80, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range .toi-line { -moz-transform: translateX(50%); -ms-transform: translateX(50%); @@ -3545,19 +3707,19 @@ mct-include.l-time-controller { width: 8px; height: auto; z-index: 2; } - /* line 94, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 90, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range .toi-line:before, mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range .toi-line:after { background-color: #666; content: ""; position: absolute; } - /* line 100, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 96, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range .toi-line:before { top: 0; right: auto; bottom: -10px; left: 3px; width: 2px; } - /* line 106, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 102, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range .toi-line:after { -moz-border-radius: 8px; -webkit-border-radius: 8px; @@ -3575,7 +3737,7 @@ mct-include.l-time-controller { /* line 3, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range:hover .toi-line:before, mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range:hover .toi-line:after { background-color: #0052b5; } - /* line 122, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 118, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .l-time-range-slider-holder:not(:active) .knob, mct-include.l-time-controller .l-time-range-slider-holder:not(:active) .range { -moz-transition-property: left, right; @@ -3590,13 +3752,13 @@ mct-include.l-time-controller { -o-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } - /* line 131, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 127, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .l-time-range-ticks-holder { height: 20px; } - /* line 133, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 129, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .l-time-range-ticks-holder .l-time-range-ticks { border-top: 1px solid rgba(0, 0, 0, 0.2); } - /* line 135, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 131, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .l-time-range-ticks-holder .l-time-range-ticks .tick { background-color: rgba(0, 0, 0, 0.2); border: none; @@ -3604,10 +3766,10 @@ mct-include.l-time-controller { width: 1px; margin-left: -1px; position: absolute; } - /* line 142, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 138, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .l-time-range-ticks-holder .l-time-range-ticks .tick:first-child { margin-left: 0; } - /* line 145, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 141, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .l-time-range-ticks-holder .l-time-range-ticks .tick .l-time-range-tick-label { transform: translateX(-50%); -webkit-transform: translateX(-50%); @@ -3618,10 +3780,10 @@ mct-include.l-time-controller { top: 8px; white-space: nowrap; z-index: 2; } - /* line 159, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 155, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .knob { z-index: 2; } - /* line 161, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 157, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .knob .range-value { -moz-transition-property: opacity, background-color, border-color, color; -o-transition-property: opacity, background-color, border-color, color; @@ -3644,27 +3806,27 @@ mct-include.l-time-controller { height: 20px; line-height: 20px; white-space: nowrap; } - /* line 170, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 166, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .knob:hover .range-value { color: rgba(0, 153, 204, 0.7); } - /* line 173, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 169, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .knob.knob-l { margin-left: -10px; } - /* line 176, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 172, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .knob.knob-l .range-value { text-align: right; right: 10px; } - /* line 181, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 177, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .knob.knob-r { margin-right: -10px; } - /* line 184, ../../../../general/res/sass/controls/_time-controller.scss */ + /* line 180, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .knob.knob-r .range-value { left: 10px; } /* line 3, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller .knob.knob-r:hover + .range-holder .range .toi-line:before, mct-include.l-time-controller .knob.knob-r:hover + .range-holder .range .toi-line:after { background-color: #0052b5; } -/* line 198, ../../../../general/res/sass/controls/_time-controller.scss */ +/* line 194, ../../../../general/res/sass/controls/_time-controller.scss */ .s-time-range-val { -moz-border-radius: 4px; -webkit-border-radius: 4px; @@ -3742,11 +3904,11 @@ mct-include.l-time-controller { /* line 33, ../../../../general/res/sass/forms/_elems.scss */ .form { color: gray; } - /* line 36, ../../../../general/res/sass/forms/_elems.scss */ + /* line 35, ../../../../general/res/sass/forms/_elems.scss */ .form .form-section { position: relative; margin-bottom: 20px; } - /* line 41, ../../../../general/res/sass/forms/_elems.scss */ + /* line 40, ../../../../general/res/sass/forms/_elems.scss */ .form .form-row { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; @@ -3757,10 +3919,10 @@ mct-include.l-time-controller { margin-top: 5px; padding: 5px 0; position: relative; } - /* line 49, ../../../../general/res/sass/forms/_elems.scss */ + /* line 48, ../../../../general/res/sass/forms/_elems.scss */ .form .form-row.first { border-top: none; } - /* line 53, ../../../../general/res/sass/forms/_elems.scss */ + /* line 52, ../../../../general/res/sass/forms/_elems.scss */ .form .form-row > .label, .form .form-row > .controls { -moz-box-sizing: border-box; @@ -3771,42 +3933,42 @@ mct-include.l-time-controller { font-size: 0.8rem; line-height: 22px; min-height: 22px; } - /* line 62, ../../../../general/res/sass/forms/_elems.scss */ + /* line 61, ../../../../general/res/sass/forms/_elems.scss */ .form .form-row > .label { float: left; min-width: 120px; position: relative; white-space: nowrap; width: 30%; } - /* line 72, ../../../../general/res/sass/forms/_elems.scss */ + /* line 71, ../../../../general/res/sass/forms/_elems.scss */ .form .form-row .value { color: #666; } - /* line 76, ../../../../general/res/sass/forms/_elems.scss */ + /* line 75, ../../../../general/res/sass/forms/_elems.scss */ .form .form-row .controls { float: left; position: relative; width: 69.9%; } - /* line 83, ../../../../general/res/sass/forms/_elems.scss */ + /* line 82, ../../../../general/res/sass/forms/_elems.scss */ .form .form-row .controls .l-composite-control.l-checkbox { display: inline-block; line-height: 14px; margin-right: 5px; } - /* line 92, ../../../../general/res/sass/forms/_elems.scss */ + /* line 91, ../../../../general/res/sass/forms/_elems.scss */ .form .form-row .controls .l-med input[type="text"] { width: 200px; } - /* line 96, ../../../../general/res/sass/forms/_elems.scss */ + /* line 95, ../../../../general/res/sass/forms/_elems.scss */ .form .form-row .controls .l-small input[type="text"] { width: 50px; } - /* line 100, ../../../../general/res/sass/forms/_elems.scss */ + /* line 99, ../../../../general/res/sass/forms/_elems.scss */ .form .form-row .controls .l-numeric input[type="text"] { text-align: right; } - /* line 104, ../../../../general/res/sass/forms/_elems.scss */ + /* line 103, ../../../../general/res/sass/forms/_elems.scss */ .form .form-row .controls .select { margin-right: 5px; } - /* line 109, ../../../../general/res/sass/forms/_elems.scss */ + /* line 108, ../../../../general/res/sass/forms/_elems.scss */ .form .form-row .field-hints { color: #333333; } - /* line 113, ../../../../general/res/sass/forms/_elems.scss */ + /* line 112, ../../../../general/res/sass/forms/_elems.scss */ .form .form-row .selector-list { -moz-appearance: none; -webkit-appearance: none; @@ -3816,9 +3978,9 @@ mct-include.l-time-controller { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; - -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px; - -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px; - box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px; + -moz-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px; + -webkit-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px; + box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px; background: #fff; border: none; color: #666; @@ -3826,10 +3988,10 @@ mct-include.l-time-controller { padding: 0 3px; position: relative; height: 150px; } - /* line 321, ../../../../general/res/sass/_mixins.scss */ + /* line 327, ../../../../general/res/sass/_mixins.scss */ .form .form-row .selector-list.error { background: rgba(255, 0, 0, 0.5); } - /* line 124, ../../../../general/res/sass/forms/_elems.scss */ + /* line 119, ../../../../general/res/sass/forms/_elems.scss */ .form .form-row .selector-list > .wrapper { overflow: auto; position: absolute; @@ -3838,24 +4000,24 @@ mct-include.l-time-controller { bottom: 5px; left: 5px; } -/* line 138, ../../../../general/res/sass/forms/_elems.scss */ +/* line 133, ../../../../general/res/sass/forms/_elems.scss */ label.form-control.checkbox input { margin-right: 5px; vertical-align: top; } -/* line 144, ../../../../general/res/sass/forms/_elems.scss */ +/* line 139, ../../../../general/res/sass/forms/_elems.scss */ .hint, .s-hint { font-size: 0.9em; } -/* line 149, ../../../../general/res/sass/forms/_elems.scss */ +/* line 144, ../../../../general/res/sass/forms/_elems.scss */ .l-result { display: inline-block; min-width: 32px; min-height: 32px; position: relative; vertical-align: top; } - /* line 156, ../../../../general/res/sass/forms/_elems.scss */ + /* line 151, ../../../../general/res/sass/forms/_elems.scss */ .l-result div.s-hint { -moz-border-radius: 4px; -webkit-border-radius: 4px; @@ -3865,8 +4027,9 @@ label.form-control.checkbox input { color: #ffa799; padding: 5px; } -/* line 165, ../../../../general/res/sass/forms/_elems.scss */ -input[type="text"] { +/* line 160, ../../../../general/res/sass/forms/_elems.scss */ +input[type="text"], +input[type="search"] { -moz-appearance: none; -webkit-appearance: none; -moz-border-radius: 4px; @@ -3875,22 +4038,24 @@ input[type="text"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; - -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px; - -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px; - box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px; + -moz-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px; + -webkit-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px; + box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px; background: #fff; border: none; color: #666; outline: none; padding: 0 3px; } - /* line 321, ../../../../general/res/sass/_mixins.scss */ - input[type="text"].error { + /* line 327, ../../../../general/res/sass/_mixins.scss */ + input[type="text"].error, + input[type="search"].error { background: rgba(255, 0, 0, 0.5); } - /* line 172, ../../../../general/res/sass/forms/_elems.scss */ - input[type="text"].numeric { + /* line 163, ../../../../general/res/sass/forms/_elems.scss */ + input[type="text"].numeric, + input[type="search"].numeric { text-align: right; } -/* line 177, ../../../../general/res/sass/forms/_elems.scss */ +/* line 168, ../../../../general/res/sass/forms/_elems.scss */ textarea { -moz-appearance: none; -webkit-appearance: none; @@ -3900,9 +4065,9 @@ textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; - -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px; - -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px; - box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px; + -moz-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px; + -webkit-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px; + box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px; background: #fff; border: none; color: #666; @@ -3911,7 +4076,7 @@ textarea { position: absolute; height: 100%; width: 100%; } - /* line 321, ../../../../general/res/sass/_mixins.scss */ + /* line 327, ../../../../general/res/sass/_mixins.scss */ textarea.error { background: rgba(255, 0, 0, 0.5); } @@ -3959,7 +4124,7 @@ textarea { padding: 0 5px; position: relative; line-height: 22px; } - /* line 297, ../../../../general/res/sass/_mixins.scss */ + /* line 303, ../../../../general/res/sass/_mixins.scss */ .select .icon, .select .t-item-icon { color: #eee; } /* line 30, ../../../../general/res/sass/forms/_selects.scss */ @@ -4027,9 +4192,9 @@ textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; - -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px; - -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px; - box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px; + -moz-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px; + -webkit-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px; + box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px; background: #fcfcfc; border: none; color: #666; @@ -4041,7 +4206,7 @@ textarea { max-height: 400px; overflow: auto; padding: 5px; } - /* line 321, ../../../../general/res/sass/_mixins.scss */ + /* line 327, ../../../../general/res/sass/_mixins.scss */ .channel-selector .treeview.error { background: rgba(255, 0, 0, 0.5); } /* line 36, ../../../../general/res/sass/forms/_channel-selector.scss */ @@ -4184,46 +4349,24 @@ span.req { * this source code distribution or the Licensing information page available * at runtime from the About dialog for additional information. *****************************************************************************/ -/* line 24, ../../../../general/res/sass/forms/_filter.scss */ -.filter input.filter, -.filter input.t-filter-input, -.t-filter input.filter, -.t-filter input.t-filter-input { - -moz-appearance: none; - -webkit-appearance: none; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px; - -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px; - box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px; - background: #fcfcfc; - border: none; - color: #666; - outline: none; - padding: 0 3px; - background: white; - border-bottom: 1px solid white; } - /* line 321, ../../../../general/res/sass/_mixins.scss */ - .filter input.filter.error, - .filter input.t-filter-input.error, - .t-filter input.filter.error, - .t-filter input.t-filter-input.error { - background: rgba(255, 0, 0, 0.5); } -/* line 28, ../../../../general/res/sass/forms/_filter.scss */ -.filter input.t-filter-input, -.t-filter input.t-filter-input { - height: 22px; - width: 200px; } - /* line 38, ../../../../general/res/sass/forms/_filter.scss */ - .filter input.t-filter-input:not(.ng-dirty) + .t-a-clear, - .t-filter input.t-filter-input:not(.ng-dirty) + .t-a-clear { - display: none; } -/* line 42, ../../../../general/res/sass/forms/_filter.scss */ -.filter .icon.ui-symbol, .filter .t-item-icon, .filter .icon.s-icon-btn, .filter .s-icon-btn.t-item-icon, .filter .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager .filter .icon.pager, .filter .l-datetime-picker .l-month-year-pager .pager.t-item-icon, .l-datetime-picker .l-month-year-pager .filter .pager.t-item-icon, +/* line 25, ../../../../general/res/sass/forms/_filter.scss */ +.filter input.t-filter-input:not(.ng-dirty) + .t-a-clear, +.t-filter input.t-filter-input:not(.ng-dirty) + .t-a-clear { + display: none; } +/* line 29, ../../../../general/res/sass/forms/_filter.scss */ +.filter .icon.ui-symbol, .filter .t-item-icon, .filter .icon.s-icon-btn, .filter .s-icon-btn.t-item-icon, .filter .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager .filter .icon.pager, .filter .l-datetime-picker .l-month-year-pager .pager.t-item-icon, .l-datetime-picker .l-month-year-pager .filter .pager.t-item-icon, .filter .tree .s-status-editing .icon.tree-item:before, .tree .s-status-editing .filter .icon.tree-item:before, .filter .tree .s-status-editing .tree-item.t-item-icon:before, .tree .s-status-editing .filter .tree-item.t-item-icon:before, +.filter .tree .s-status-editing .icon.search-result-item:before, +.tree .s-status-editing .filter .icon.search-result-item:before, +.filter .tree .s-status-editing .search-result-item.t-item-icon:before, +.tree .s-status-editing .filter .search-result-item.t-item-icon:before, +.filter .search-results .s-status-editing .icon.tree-item:before, +.search-results .s-status-editing .filter .icon.tree-item:before, +.filter .search-results .s-status-editing .tree-item.t-item-icon:before, +.search-results .s-status-editing .filter .tree-item.t-item-icon:before, +.filter .search-results .s-status-editing .icon.search-result-item:before, +.search-results .s-status-editing .filter .icon.search-result-item:before, +.filter .search-results .s-status-editing .search-result-item.t-item-icon:before, +.search-results .s-status-editing .filter .search-result-item.t-item-icon:before, .t-filter .icon.ui-symbol, .t-filter .t-item-icon, .t-filter .icon.s-icon-btn, @@ -4231,7 +4374,23 @@ span.req { .t-filter .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager .t-filter .icon.pager, .t-filter .l-datetime-picker .l-month-year-pager .pager.t-item-icon, -.l-datetime-picker .l-month-year-pager .t-filter .pager.t-item-icon { +.l-datetime-picker .l-month-year-pager .t-filter .pager.t-item-icon, +.t-filter .tree .s-status-editing .icon.tree-item:before, +.tree .s-status-editing .t-filter .icon.tree-item:before, +.t-filter .tree .s-status-editing .tree-item.t-item-icon:before, +.tree .s-status-editing .t-filter .tree-item.t-item-icon:before, +.t-filter .tree .s-status-editing .icon.search-result-item:before, +.tree .s-status-editing .t-filter .icon.search-result-item:before, +.t-filter .tree .s-status-editing .search-result-item.t-item-icon:before, +.tree .s-status-editing .t-filter .search-result-item.t-item-icon:before, +.t-filter .search-results .s-status-editing .icon.tree-item:before, +.search-results .s-status-editing .t-filter .icon.tree-item:before, +.t-filter .search-results .s-status-editing .tree-item.t-item-icon:before, +.search-results .s-status-editing .t-filter .tree-item.t-item-icon:before, +.t-filter .search-results .s-status-editing .icon.search-result-item:before, +.search-results .s-status-editing .t-filter .icon.search-result-item:before, +.t-filter .search-results .s-status-editing .search-result-item.t-item-icon:before, +.search-results .s-status-editing .t-filter .search-result-item.t-item-icon:before { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; @@ -4241,8 +4400,20 @@ span.req { line-height: 22px; padding: 0px 5px; vertical-align: middle; } - /* line 50, ../../../../general/res/sass/forms/_filter.scss */ - .filter .icon.ui-symbol:hover, .filter .t-item-icon:hover, .filter .icon.s-icon-btn:hover, .filter .s-icon-btn.t-item-icon:hover, .filter .l-datetime-picker .l-month-year-pager .icon.pager:hover, .l-datetime-picker .l-month-year-pager .filter .icon.pager:hover, .filter .l-datetime-picker .l-month-year-pager .pager.t-item-icon:hover, .l-datetime-picker .l-month-year-pager .filter .pager.t-item-icon:hover, + /* line 37, ../../../../general/res/sass/forms/_filter.scss */ + .filter .icon.ui-symbol:hover, .filter .t-item-icon:hover, .filter .icon.s-icon-btn:hover, .filter .s-icon-btn.t-item-icon:hover, .filter .l-datetime-picker .l-month-year-pager .icon.pager:hover, .l-datetime-picker .l-month-year-pager .filter .icon.pager:hover, .filter .l-datetime-picker .l-month-year-pager .pager.t-item-icon:hover, .l-datetime-picker .l-month-year-pager .filter .pager.t-item-icon:hover, .filter .tree .s-status-editing .icon.tree-item:hover:before, .tree .s-status-editing .filter .icon.tree-item:hover:before, .filter .tree .s-status-editing .tree-item.t-item-icon:hover:before, .tree .s-status-editing .filter .tree-item.t-item-icon:hover:before, + .filter .tree .s-status-editing .icon.search-result-item:hover:before, + .tree .s-status-editing .filter .icon.search-result-item:hover:before, + .filter .tree .s-status-editing .search-result-item.t-item-icon:hover:before, + .tree .s-status-editing .filter .search-result-item.t-item-icon:hover:before, + .filter .search-results .s-status-editing .icon.tree-item:hover:before, + .search-results .s-status-editing .filter .icon.tree-item:hover:before, + .filter .search-results .s-status-editing .tree-item.t-item-icon:hover:before, + .search-results .s-status-editing .filter .tree-item.t-item-icon:hover:before, + .filter .search-results .s-status-editing .icon.search-result-item:hover:before, + .search-results .s-status-editing .filter .icon.search-result-item:hover:before, + .filter .search-results .s-status-editing .search-result-item.t-item-icon:hover:before, + .search-results .s-status-editing .filter .search-result-item.t-item-icon:hover:before, .t-filter .icon.ui-symbol:hover, .t-filter .t-item-icon:hover, .t-filter .icon.s-icon-btn:hover, @@ -4250,15 +4421,45 @@ span.req { .t-filter .l-datetime-picker .l-month-year-pager .icon.pager:hover, .l-datetime-picker .l-month-year-pager .t-filter .icon.pager:hover, .t-filter .l-datetime-picker .l-month-year-pager .pager.t-item-icon:hover, - .l-datetime-picker .l-month-year-pager .t-filter .pager.t-item-icon:hover { + .l-datetime-picker .l-month-year-pager .t-filter .pager.t-item-icon:hover, + .t-filter .tree .s-status-editing .icon.tree-item:hover:before, + .tree .s-status-editing .t-filter .icon.tree-item:hover:before, + .t-filter .tree .s-status-editing .tree-item.t-item-icon:hover:before, + .tree .s-status-editing .t-filter .tree-item.t-item-icon:hover:before, + .t-filter .tree .s-status-editing .icon.search-result-item:hover:before, + .tree .s-status-editing .t-filter .icon.search-result-item:hover:before, + .t-filter .tree .s-status-editing .search-result-item.t-item-icon:hover:before, + .tree .s-status-editing .t-filter .search-result-item.t-item-icon:hover:before, + .t-filter .search-results .s-status-editing .icon.tree-item:hover:before, + .search-results .s-status-editing .t-filter .icon.tree-item:hover:before, + .t-filter .search-results .s-status-editing .tree-item.t-item-icon:hover:before, + .search-results .s-status-editing .t-filter .tree-item.t-item-icon:hover:before, + .t-filter .search-results .s-status-editing .icon.search-result-item:hover:before, + .search-results .s-status-editing .t-filter .icon.search-result-item:hover:before, + .t-filter .search-results .s-status-editing .search-result-item.t-item-icon:hover:before, + .search-results .s-status-editing .t-filter .search-result-item.t-item-icon:hover:before { background: rgba(255, 255, 255, 0.1); } -/* line 54, ../../../../general/res/sass/forms/_filter.scss */ -.filter .s-a-clear.ui-symbol, .filter .s-a-clear.t-item-icon, .filter .s-a-clear.s-icon-btn, .filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager, .l-datetime-picker .l-month-year-pager .filter .s-a-clear.pager, +/* line 41, ../../../../general/res/sass/forms/_filter.scss */ +.filter .s-a-clear.ui-symbol, .filter .s-a-clear.t-item-icon, .filter .s-a-clear.s-icon-btn, .filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager, .l-datetime-picker .l-month-year-pager .filter .s-a-clear.pager, .filter .tree .s-status-editing .s-a-clear.tree-item:before, .tree .s-status-editing .filter .s-a-clear.tree-item:before, +.filter .tree .s-status-editing .s-a-clear.search-result-item:before, +.tree .s-status-editing .filter .s-a-clear.search-result-item:before, +.filter .search-results .s-status-editing .s-a-clear.tree-item:before, +.search-results .s-status-editing .filter .s-a-clear.tree-item:before, +.filter .search-results .s-status-editing .s-a-clear.search-result-item:before, +.search-results .s-status-editing .filter .s-a-clear.search-result-item:before, .t-filter .s-a-clear.ui-symbol, .t-filter .s-a-clear.t-item-icon, .t-filter .s-a-clear.s-icon-btn, .t-filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager, -.l-datetime-picker .l-month-year-pager .t-filter .s-a-clear.pager { +.l-datetime-picker .l-month-year-pager .t-filter .s-a-clear.pager, +.t-filter .tree .s-status-editing .s-a-clear.tree-item:before, +.tree .s-status-editing .t-filter .s-a-clear.tree-item:before, +.t-filter .tree .s-status-editing .s-a-clear.search-result-item:before, +.tree .s-status-editing .t-filter .s-a-clear.search-result-item:before, +.t-filter .search-results .s-status-editing .s-a-clear.tree-item:before, +.search-results .s-status-editing .t-filter .s-a-clear.tree-item:before, +.t-filter .search-results .s-status-editing .s-a-clear.search-result-item:before, +.search-results .s-status-editing .t-filter .s-a-clear.search-result-item:before { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; @@ -4281,23 +4482,32 @@ span.req { top: 50%; text-align: center; z-index: 5; } - /* line 74, ../../../../general/res/sass/forms/_filter.scss */ - .filter .s-a-clear.ui-symbol:hover, .filter .s-a-clear.t-item-icon:hover, .filter .s-a-clear.s-icon-btn:hover, .filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager:hover, .l-datetime-picker .l-month-year-pager .filter .s-a-clear.pager:hover, + /* line 61, ../../../../general/res/sass/forms/_filter.scss */ + .filter .s-a-clear.ui-symbol:hover, .filter .s-a-clear.t-item-icon:hover, .filter .s-a-clear.s-icon-btn:hover, .filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager:hover, .l-datetime-picker .l-month-year-pager .filter .s-a-clear.pager:hover, .filter .tree .s-status-editing .s-a-clear.tree-item:hover:before, .tree .s-status-editing .filter .s-a-clear.tree-item:hover:before, + .filter .tree .s-status-editing .s-a-clear.search-result-item:hover:before, + .tree .s-status-editing .filter .s-a-clear.search-result-item:hover:before, + .filter .search-results .s-status-editing .s-a-clear.tree-item:hover:before, + .search-results .s-status-editing .filter .s-a-clear.tree-item:hover:before, + .filter .search-results .s-status-editing .s-a-clear.search-result-item:hover:before, + .search-results .s-status-editing .filter .s-a-clear.search-result-item:hover:before, .t-filter .s-a-clear.ui-symbol:hover, .t-filter .s-a-clear.t-item-icon:hover, .t-filter .s-a-clear.s-icon-btn:hover, .t-filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager:hover, - .l-datetime-picker .l-month-year-pager .t-filter .s-a-clear.pager:hover { + .l-datetime-picker .l-month-year-pager .t-filter .s-a-clear.pager:hover, + .t-filter .tree .s-status-editing .s-a-clear.tree-item:hover:before, + .tree .s-status-editing .t-filter .s-a-clear.tree-item:hover:before, + .t-filter .tree .s-status-editing .s-a-clear.search-result-item:hover:before, + .tree .s-status-editing .t-filter .s-a-clear.search-result-item:hover:before, + .t-filter .search-results .s-status-editing .s-a-clear.tree-item:hover:before, + .search-results .s-status-editing .t-filter .s-a-clear.tree-item:hover:before, + .t-filter .search-results .s-status-editing .s-a-clear.search-result-item:hover:before, + .search-results .s-status-editing .t-filter .s-a-clear.search-result-item:hover:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; background-color: #0099cc; } -/* line 82, ../../../../general/res/sass/forms/_filter.scss */ -.l-filter { - display: inline-block; - position: relative; } - -/* line 89, ../../../../general/res/sass/forms/_filter.scss */ +/* line 69, ../../../../general/res/sass/forms/_filter.scss */ .top-bar input.filter { font-size: .9em; height: 24px; @@ -4306,10 +4516,115 @@ span.req { padding-left: 10px; padding-right: 10px; vertical-align: top; } -/* line 100, ../../../../general/res/sass/forms/_filter.scss */ +/* line 80, ../../../../general/res/sass/forms/_filter.scss */ .top-bar .icon-filter { font-size: 1.4em; } +/* line 85, ../../../../general/res/sass/forms/_filter.scss */ +.l-filter { + display: inline-block; + position: relative; } + /* line 92, ../../../../general/res/sass/forms/_filter.scss */ + .l-filter input[type="search"] { + padding: 2px 19px; } + /* line 95, ../../../../general/res/sass/forms/_filter.scss */ + .l-filter .clear-icon, + .l-filter .menu-icon, .l-filter:before { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: inline-block; + line-height: inherit; + position: absolute; + top: 50%; + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + z-index: 1; } + /* line 107, ../../../../general/res/sass/forms/_filter.scss */ + .l-filter:before { + content: '\4d'; + left: 5px; + -moz-transition-property: color; + -o-transition-property: color; + -webkit-transition-property: color; + transition-property: color; + -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; + pointer-events: none; } + /* line 115, ../../../../general/res/sass/forms/_filter.scss */ + .l-filter .clear-icon { + right: 4px; + visibility: hidden; + opacity: 0; } + /* line 120, ../../../../general/res/sass/forms/_filter.scss */ + .l-filter .clear-icon.show { + visibility: visible; + opacity: 1; } + /* line 125, ../../../../general/res/sass/forms/_filter.scss */ + .l-filter .clear-icon:hover { + color: #8c8c8c; } + +/* line 132, ../../../../general/res/sass/forms/_filter.scss */ +.s-filter input[type="search"] { + -moz-appearance: none; + -webkit-appearance: none; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -moz-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px; + -webkit-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px; + box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px; + background: #fff; + border: none; + color: #666; + outline: none; } + /* line 327, ../../../../general/res/sass/_mixins.scss */ + .s-filter input[type="search"].error { + background: rgba(255, 0, 0, 0.5); } +/* line 135, ../../../../general/res/sass/forms/_filter.scss */ +.s-filter .clear-icon, +.s-filter .menu-icon, .s-filter:before { + color: #a6a6a6; + cursor: pointer; + font-family: symbolsfont; + -moz-transition-property: opacity, color; + -o-transition-property: opacity, color; + -webkit-transition-property: opacity, color; + transition-property: opacity, color; + -moz-transition-duration: 150ms; + -o-transition-duration: 150ms; + -webkit-transition-duration: 150ms; + transition-duration: 150ms; + -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; } +/* line 144, ../../../../general/res/sass/forms/_filter.scss */ +.s-filter:hover:before { + color: #8c8c8c; } +/* line 150, ../../../../general/res/sass/forms/_filter.scss */ +.s-filter .clear-icon:before { + content: '\e607'; } + /********************************* USER ENVIRON */ /***************************************************************************** * Open MCT Web, Copyright (c) 2014-2015, United States Government @@ -4385,7 +4700,7 @@ span.req { .user-environ .edit-area .object-holder.work-area { top: 40px; overflow: auto; } -/* line 81, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 80, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .ue-bottom-bar { overflow: hidden; position: absolute; @@ -4401,7 +4716,7 @@ span.req { background: #000; color: white; font-size: .7rem; } - /* line 89, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 88, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .ue-bottom-bar .status-holder { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; @@ -4420,7 +4735,7 @@ span.req { right: 120px; text-transform: uppercase; z-index: 1; } - /* line 97, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 96, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .ue-bottom-bar .app-logo { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; @@ -4437,7 +4752,7 @@ span.req { left: auto; width: 105px; z-index: 2; } - /* line 104, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 103, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .ue-bottom-bar .app-logo.logo-openmctweb { background: url("../../../../general/res/images/logo-openmctweb.svg") no-repeat center center; } @@ -4528,7 +4843,7 @@ span.req { /* 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, + .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, .pane.items .object-browse-bar .right.abs, .pane.items .object-browse-bar .right.l-inspect, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .right.pager, @@ -4536,7 +4851,10 @@ span.req { .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .right.val, .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .right.val, .pane.items .object-browse-bar .s-menu-btn span.right.l-click-area, - .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, + .pane.items .object-browse-bar .right.l-object-wrapper, + .pane.items .object-browse-bar .l-object-wrapper .right.object-holder-main, + .l-object-wrapper .pane.items .object-browse-bar .right.object-holder-main { top: auto; } /* line 195, ../../../../general/res/sass/user-environ/_layout.scss */ @@ -4545,24 +4863,36 @@ span.req { right: 0; bottom: 10px; left: 10px; } -/* line 202, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 201, ../../../../general/res/sass/user-environ/_layout.scss */ + .split-layout .holder.holder-treeview-elements .create-btn-holder.s-status-editing { + display: none; } + /* line 203, ../../../../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 212, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout .holder.holder-object-and-inspector { top: 0; right: 0; bottom: 0; left: 0; } - /* line 207, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 217, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout .holder.holder-object-and-inspector .holder-object { top: 10px; bottom: 10px; } - /* line 211, ../../../../general/res/sass/user-environ/_layout.scss */ - .split-layout .holder.holder-object-and-inspector .holder-inspector-elements { + /* line 221, ../../../../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 227, ../../../../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 220, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 236, ../../../../general/res/sass/user-environ/_layout.scss */ .object-holder { overflow: auto; position: absolute; @@ -4573,11 +4903,33 @@ span.req { width: auto; height: auto; top: 34px; } - /* line 224, ../../../../general/res/sass/user-environ/_layout.scss */ - .object-holder.l-controls-visible.l-time-controller-visible { - bottom: 88px; } -/* line 230, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 247, ../../../../general/res/sass/user-environ/_layout.scss */ +.l-object-wrapper .l-edit-controls { + border-bottom: 1px solid rgba(102, 102, 102, 0.2); + line-height: 25px; + height: 0px; + opacity: 0; } + /* line 253, ../../../../general/res/sass/user-environ/_layout.scss */ + .l-object-wrapper .l-edit-controls .tool-bar { + right: 5px; } + +/* line 259, ../../../../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; + -webkit-transition-property: height, width, top, right, bottom, left, opacity; + transition-property: height, width, top, right, bottom, left, opacity; + -moz-transition-duration: 0.25s; + -o-transition-duration: 0.25s; + -webkit-transition-duration: 0.25s; + transition-duration: 0.25s; + -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; } + +/* line 265, ../../../../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, @@ -4589,43 +4941,35 @@ span.req { line-height: 25px; vertical-align: top; } -/* line 243, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 278, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar .view-switcher, .top-bar .view-switcher { margin-right: 20px; } /***************************************************** OBJECT BROWSE BAR */ -/* line 249, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 284, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar { - overflow: visible; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - width: auto; - height: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 24px; line-height: 24px; white-space: nowrap; } - /* line 256, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 290, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar .left { padding-right: 10px; } - /* line 258, ../../../../general/res/sass/user-environ/_layout.scss */ - .object-browse-bar .left .l-back { + /* line 292, ../../../../general/res/sass/user-environ/_layout.scss */ + .object-browse-bar .left .l-back:not(.s-status-editing) { margin-right: 10px; } -/* line 269, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 301, ../../../../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; pointer-events: none; } -/* line 279, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 311, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-showing .tree-holder, .pane-tree-showing .splitter-treeview { -moz-transition-property: opacity; @@ -4645,7 +4989,7 @@ span.req { -webkit-transition-delay: 250ms; transition-delay: 250ms; opacity: 1; } -/* line 285, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 317, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-showing .holder-treeview-elements { -moz-transition-property: opacity; -o-transition-property: opacity; @@ -4664,7 +5008,7 @@ span.req { -webkit-transition-delay: 200ms; transition-delay: 200ms; } -/* line 292, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 324, ../../../../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; @@ -4685,45 +5029,42 @@ span.req { transition-delay: 250ms; opacity: 1; } -/* line 302, ../../../../general/res/sass/user-environ/_layout.scss */ -.pane-inspect-hidden .l-object-and-inspector .t-inspect { - z-index: 1 !important; } -/* line 305, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 334, ../../../../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; pointer-events: none; } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 314, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 343, ../../../../general/res/sass/user-environ/_layout.scss */ .holder-all { min-width: 600px; } - /* line 319, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 348, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout .split-pane-component.pane.treeview.left { min-width: 150px; max-width: 35%; width: 25%; } - /* line 324, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 353, ../../../../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 332, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 361, ../../../../general/res/sass/user-environ/_layout.scss */ .pane.treeview.left .tree-holder { padding-right: 5px; } - /* line 336, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 365, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-hidden .pane.right.primary-pane { left: 22px !important; } - /* line 339, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 368, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-inspect-hidden .l-object-and-inspector .pane.left { right: 22px !important; } - /* line 341, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 370, ../../../../general/res/sass/user-environ/_layout.scss */ .pane:not(.resizing) { -moz-transition-property: width, left, right; -o-transition-property: width, left, right; @@ -4742,9 +5083,67 @@ span.req { -webkit-transition-delay: 0; transition-delay: 0; } - /* line 344, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 373, ../../../../general/res/sass/user-environ/_layout.scss */ .pane.primary-pane .object-browse-bar { min-width: 200px; } } +/* line 379, ../../../../general/res/sass/user-environ/_layout.scss */ +.s-status-editing .l-object-wrapper { + -moz-animation-name: pulseBorder; + -webkit-animation-name: pulseBorder; + animation-name: pulseBorder; + -moz-animation-duration: 1s; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -moz-animation-direction: alternate; + -webkit-animation-direction: alternate; + animation-direction: alternate; + -moz-animation-iteration-count: infinite; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -moz-animation-timing-function: ease; + -webkit-animation-timing-function: ease; + animation-timing-function: ease; + -moz-animation-delay: 0s; + -webkit-animation-delay: 0s; + animation-delay: 0s; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + background-color: #eafaff; + border-color: #4bb1c7; + border-width: 2px; + border-style: dotted; } +@-moz-keyframes pulseBorder { + 0% { + border-color: rgba(75, 177, 199, 0.3); } + 100% { + border-color: #4bb1c7; } } +@-webkit-keyframes pulseBorder { + 0% { + border-color: rgba(75, 177, 199, 0.3); } + 100% { + border-color: #4bb1c7; } } +@keyframes pulseBorder { + 0% { + border-color: rgba(75, 177, 199, 0.3); } + 100% { + border-color: #4bb1c7; } } + /* line 386, ../../../../general/res/sass/user-environ/_layout.scss */ + .s-status-editing .l-object-wrapper .l-object-wrapper-inner { + overflow: hidden; + position: absolute; + top: 3px; + right: 3px; + bottom: 3px; + left: 3px; + width: auto; + height: auto; } + /* line 389, ../../../../general/res/sass/user-environ/_layout.scss */ + .s-status-editing .l-object-wrapper .l-edit-controls { + height: 30px; + margin-bottom: 5px; + opacity: 1; } + /***************************************************************************** * Open MCT Web, Copyright (c) 2014-2015, United States Government * as represented by the Administrator of the National Aeronautics and Space @@ -4874,7 +5273,7 @@ span.req { /* line 104, ../../../../general/res/sass/mobile/_layout.scss */ .object-browse-bar { - left: 45px !important; } + margin-left: 45px; } /* line 106, ../../../../general/res/sass/mobile/_layout.scss */ .object-browse-bar .context-available { opacity: 1 !important; } @@ -4981,19 +5380,24 @@ span.req { * this source code distribution or the Licensing information page available * at runtime from the About dialog for additional information. *****************************************************************************/ -/* line 26, ../../../../general/res/sass/edit/_editor.scss */ +/* line 28, ../../../../general/res/sass/edit/_editor.scss */ +.s-status-editing .l-object-wrapper .edit-corner, +.s-status-editing .l-object-wrapper .edit-handle, .edit-main .edit-corner, .edit-main .edit-handle { position: absolute; z-index: 2; } -/* line 32, ../../../../general/res/sass/edit/_editor.scss */ +/* line 34, ../../../../general/res/sass/edit/_editor.scss */ +.s-status-editing .l-object-wrapper .edit-corner, .edit-main .edit-corner { width: 15px; height: 15px; } - /* line 35, ../../../../general/res/sass/edit/_editor.scss */ + /* line 37, ../../../../general/res/sass/edit/_editor.scss */ + .s-status-editing .l-object-wrapper .edit-corner:hover, .edit-main .edit-corner:hover { z-index: 11; } - /* line 38, ../../../../general/res/sass/edit/_editor.scss */ + /* line 40, ../../../../general/res/sass/edit/_editor.scss */ + .s-status-editing .l-object-wrapper .edit-corner.edit-resize-nw, .edit-main .edit-corner.edit-resize-nw { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; @@ -5001,7 +5405,8 @@ span.req { cursor: nw-resize; top: 0; left: 0; } - /* line 43, ../../../../general/res/sass/edit/_editor.scss */ + /* line 45, ../../../../general/res/sass/edit/_editor.scss */ + .s-status-editing .l-object-wrapper .edit-corner.edit-resize-ne, .edit-main .edit-corner.edit-resize-ne { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; @@ -5009,7 +5414,8 @@ span.req { cursor: ne-resize; top: 0; right: 0; } - /* line 48, ../../../../general/res/sass/edit/_editor.scss */ + /* line 50, ../../../../general/res/sass/edit/_editor.scss */ + .s-status-editing .l-object-wrapper .edit-corner.edit-resize-se, .edit-main .edit-corner.edit-resize-se { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; @@ -5017,7 +5423,8 @@ span.req { cursor: se-resize; bottom: 0; right: 0; } - /* line 53, ../../../../general/res/sass/edit/_editor.scss */ + /* line 55, ../../../../general/res/sass/edit/_editor.scss */ + .s-status-editing .l-object-wrapper .edit-corner.edit-resize-sw, .edit-main .edit-corner.edit-resize-sw { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; @@ -5025,13 +5432,15 @@ span.req { cursor: sw-resize; bottom: 0; left: 0; } -/* line 61, ../../../../general/res/sass/edit/_editor.scss */ +/* line 63, ../../../../general/res/sass/edit/_editor.scss */ +.s-status-editing .l-object-wrapper .edit-handle, .edit-main .edit-handle { top: 15px; right: 15px; bottom: 15px; left: 15px; } - /* line 63, ../../../../general/res/sass/edit/_editor.scss */ + /* line 65, ../../../../general/res/sass/edit/_editor.scss */ + .s-status-editing .l-object-wrapper .edit-handle.edit-move, .edit-main .edit-handle.edit-move { cursor: move; left: 0; @@ -5039,43 +5448,51 @@ span.req { top: 0; bottom: 0; z-index: 1; } - /* line 73, ../../../../general/res/sass/edit/_editor.scss */ + /* line 75, ../../../../general/res/sass/edit/_editor.scss */ + .s-status-editing .l-object-wrapper .edit-handle.edit-resize-n, .edit-main .edit-handle.edit-resize-n { top: 0px; bottom: auto; height: 15px; cursor: n-resize; } - /* line 78, ../../../../general/res/sass/edit/_editor.scss */ + /* line 80, ../../../../general/res/sass/edit/_editor.scss */ + .s-status-editing .l-object-wrapper .edit-handle.edit-resize-e, .edit-main .edit-handle.edit-resize-e { right: 0px; left: auto; width: 15px; cursor: e-resize; } - /* line 83, ../../../../general/res/sass/edit/_editor.scss */ + /* line 85, ../../../../general/res/sass/edit/_editor.scss */ + .s-status-editing .l-object-wrapper .edit-handle.edit-resize-s, .edit-main .edit-handle.edit-resize-s { bottom: 0px; top: auto; height: 15px; cursor: s-resize; } - /* line 88, ../../../../general/res/sass/edit/_editor.scss */ + /* line 90, ../../../../general/res/sass/edit/_editor.scss */ + .s-status-editing .l-object-wrapper .edit-handle.edit-resize-w, .edit-main .edit-handle.edit-resize-w { left: 0px; right: auto; width: 15px; cursor: w-resize; } -/* line 97, ../../../../general/res/sass/edit/_editor.scss */ +/* line 98, ../../../../general/res/sass/edit/_editor.scss */ +.s-status-editing .l-object-wrapper .frame.child-frame.panel:hover, .edit-main .frame.child-frame.panel:hover { -moz-box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px; -webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px; box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px; border-color: #0099cc; } /* line 101, ../../../../general/res/sass/edit/_editor.scss */ + .s-status-editing .l-object-wrapper .frame.child-frame.panel:hover .view-switcher, .edit-main .frame.child-frame.panel:hover .view-switcher { opacity: 1; } /* line 104, ../../../../general/res/sass/edit/_editor.scss */ + .s-status-editing .l-object-wrapper .frame.child-frame.panel:hover .edit-corner, .edit-main .frame.child-frame.panel:hover .edit-corner { background-color: rgba(0, 153, 204, 0.8); } /* line 106, ../../../../general/res/sass/edit/_editor.scss */ + .s-status-editing .l-object-wrapper .frame.child-frame.panel:hover .edit-corner:hover, .edit-main .frame.child-frame.panel:hover .edit-corner:hover { background-color: #0099cc; } @@ -5365,12 +5782,12 @@ span.req { /* line 80, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay .abs.top-bar, .overlay .top-bar.l-inspect, .overlay .l-datetime-picker .l-month-year-pager .top-bar.pager, .l-datetime-picker .l-month-year-pager .overlay .top-bar.pager, .overlay .l-datetime-picker .l-month-year-pager .top-bar.val, - .l-datetime-picker .l-month-year-pager .overlay .top-bar.val, .overlay .s-menu-btn span.top-bar.l-click-area, .s-menu-btn .overlay span.top-bar.l-click-area { + .l-datetime-picker .l-month-year-pager .overlay .top-bar.val, .overlay .s-menu-btn span.top-bar.l-click-area, .s-menu-btn .overlay span.top-bar.l-click-area, .overlay .top-bar.l-object-wrapper, .overlay .l-object-wrapper .top-bar.object-holder-main, .l-object-wrapper .overlay .top-bar.object-holder-main { height: 45px; } /* line 84, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay .abs.editor, .overlay .editor.l-inspect, .overlay .l-datetime-picker .l-month-year-pager .editor.pager, .l-datetime-picker .l-month-year-pager .overlay .editor.pager, .overlay .l-datetime-picker .l-month-year-pager .editor.val, - .l-datetime-picker .l-month-year-pager .overlay .editor.val, .overlay .s-menu-btn span.editor.l-click-area, .s-menu-btn .overlay span.editor.l-click-area, + .l-datetime-picker .l-month-year-pager .overlay .editor.val, .overlay .s-menu-btn span.editor.l-click-area, .s-menu-btn .overlay span.editor.l-click-area, .overlay .editor.l-object-wrapper, .overlay .l-object-wrapper .editor.object-holder-main, .l-object-wrapper .overlay .editor.object-holder-main, .overlay .abs.message-body, .overlay .message-body.l-inspect, .overlay .l-datetime-picker .l-month-year-pager .message-body.pager, @@ -5378,7 +5795,10 @@ span.req { .overlay .l-datetime-picker .l-month-year-pager .message-body.val, .l-datetime-picker .l-month-year-pager .overlay .message-body.val, .overlay .s-menu-btn span.message-body.l-click-area, - .s-menu-btn .overlay span.message-body.l-click-area { + .s-menu-btn .overlay span.message-body.l-click-area, + .overlay .message-body.l-object-wrapper, + .overlay .l-object-wrapper .message-body.object-holder-main, + .l-object-wrapper .overlay .message-body.object-holder-main { top: 55px; bottom: 34px; left: 0; @@ -5387,7 +5807,7 @@ span.req { /* line 92, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay .abs.editor .field.l-med input[type='text'], .overlay .editor.l-inspect .field.l-med input[type='text'], .overlay .l-datetime-picker .l-month-year-pager .editor.pager .field.l-med input[type='text'], .l-datetime-picker .l-month-year-pager .overlay .editor.pager .field.l-med input[type='text'], .overlay .l-datetime-picker .l-month-year-pager .editor.val .field.l-med input[type='text'], - .l-datetime-picker .l-month-year-pager .overlay .editor.val .field.l-med input[type='text'], .overlay .s-menu-btn span.editor.l-click-area .field.l-med input[type='text'], .s-menu-btn .overlay span.editor.l-click-area .field.l-med input[type='text'], + .l-datetime-picker .l-month-year-pager .overlay .editor.val .field.l-med input[type='text'], .overlay .s-menu-btn span.editor.l-click-area .field.l-med input[type='text'], .s-menu-btn .overlay span.editor.l-click-area .field.l-med input[type='text'], .overlay .editor.l-object-wrapper .field.l-med input[type='text'], .overlay .l-object-wrapper .editor.object-holder-main .field.l-med input[type='text'], .l-object-wrapper .overlay .editor.object-holder-main .field.l-med input[type='text'], .overlay .abs.message-body .field.l-med input[type='text'], .overlay .message-body.l-inspect .field.l-med input[type='text'], .overlay .l-datetime-picker .l-month-year-pager .message-body.pager .field.l-med input[type='text'], @@ -5395,7 +5815,10 @@ span.req { .overlay .l-datetime-picker .l-month-year-pager .message-body.val .field.l-med input[type='text'], .l-datetime-picker .l-month-year-pager .overlay .message-body.val .field.l-med input[type='text'], .overlay .s-menu-btn span.message-body.l-click-area .field.l-med input[type='text'], - .s-menu-btn .overlay span.message-body.l-click-area .field.l-med input[type='text'] { + .s-menu-btn .overlay span.message-body.l-click-area .field.l-med input[type='text'], + .overlay .message-body.l-object-wrapper .field.l-med input[type='text'], + .overlay .l-object-wrapper .message-body.object-holder-main .field.l-med input[type='text'], + .l-object-wrapper .overlay .message-body.object-holder-main .field.l-med input[type='text'] { width: 100%; } /* line 98, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay .bottom-bar { @@ -5427,14 +5850,14 @@ span.req { -webkit-transition: background, 0.25s; transition: background, 0.25s; text-shadow: none; } - /* line 297, ../../../../general/res/sass/_mixins.scss */ + /* line 303, ../../../../general/res/sass/_mixins.scss */ .overlay .bottom-bar .s-btn:not(.major) .icon, .overlay .bottom-bar .s-menu-btn:not(.major) .icon, .overlay .bottom-bar .s-btn:not(.major) .t-item-icon, .overlay .bottom-bar .s-menu-btn:not(.major) .t-item-icon { color: #fff; } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 302, ../../../../general/res/sass/_mixins.scss */ + /* line 308, ../../../../general/res/sass/_mixins.scss */ .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover { background-image: #7d7d7d; } - /* line 304, ../../../../general/res/sass/_mixins.scss */ + /* line 310, ../../../../general/res/sass/_mixins.scss */ .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .t-item-icon, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover > .t-item-icon { color: white; } } /* line 110, ../../../../general/res/sass/overlay/_overlay.scss */ @@ -5443,7 +5866,7 @@ span.req { /* line 117, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay .abs.bottom-bar, .overlay .bottom-bar.l-inspect, .overlay .l-datetime-picker .l-month-year-pager .bottom-bar.pager, .l-datetime-picker .l-month-year-pager .overlay .bottom-bar.pager, .overlay .l-datetime-picker .l-month-year-pager .bottom-bar.val, - .l-datetime-picker .l-month-year-pager .overlay .bottom-bar.val, .overlay .s-menu-btn span.bottom-bar.l-click-area, .s-menu-btn .overlay span.bottom-bar.l-click-area { + .l-datetime-picker .l-month-year-pager .overlay .bottom-bar.val, .overlay .s-menu-btn span.bottom-bar.l-click-area, .s-menu-btn .overlay span.bottom-bar.l-click-area, .overlay .bottom-bar.l-object-wrapper, .overlay .l-object-wrapper .bottom-bar.object-holder-main, .l-object-wrapper .overlay .bottom-bar.object-holder-main { top: auto; right: 0; bottom: 0; @@ -5514,7 +5937,7 @@ span.req { /* line 57, ../../../../general/res/sass/mobile/overlay/_overlay.scss */ .overlay > .holder .contents .abs.top-bar, .overlay > .holder .contents .top-bar.l-inspect, .overlay > .holder .contents .l-datetime-picker .l-month-year-pager .top-bar.pager, .l-datetime-picker .l-month-year-pager .overlay > .holder .contents .top-bar.pager, .overlay > .holder .contents .l-datetime-picker .l-month-year-pager .top-bar.val, - .l-datetime-picker .l-month-year-pager .overlay > .holder .contents .top-bar.val, .overlay > .holder .contents .s-menu-btn span.top-bar.l-click-area, .s-menu-btn .overlay > .holder .contents span.top-bar.l-click-area, + .l-datetime-picker .l-month-year-pager .overlay > .holder .contents .top-bar.val, .overlay > .holder .contents .s-menu-btn span.top-bar.l-click-area, .s-menu-btn .overlay > .holder .contents span.top-bar.l-click-area, .overlay > .holder .contents .top-bar.l-object-wrapper, .overlay > .holder .contents .l-object-wrapper .top-bar.object-holder-main, .l-object-wrapper .overlay > .holder .contents .top-bar.object-holder-main, .overlay > .holder .contents .abs.editor, .overlay > .holder .contents .editor.l-inspect, .overlay > .holder .contents .l-datetime-picker .l-month-year-pager .editor.pager, @@ -5523,6 +5946,9 @@ span.req { .l-datetime-picker .l-month-year-pager .overlay > .holder .contents .editor.val, .overlay > .holder .contents .s-menu-btn span.editor.l-click-area, .s-menu-btn .overlay > .holder .contents span.editor.l-click-area, + .overlay > .holder .contents .editor.l-object-wrapper, + .overlay > .holder .contents .l-object-wrapper .editor.object-holder-main, + .l-object-wrapper .overlay > .holder .contents .editor.object-holder-main, .overlay > .holder .contents .abs.message-body, .overlay > .holder .contents .message-body.l-inspect, .overlay > .holder .contents .l-datetime-picker .l-month-year-pager .message-body.pager, @@ -5531,6 +5957,9 @@ span.req { .l-datetime-picker .l-month-year-pager .overlay > .holder .contents .message-body.val, .overlay > .holder .contents .s-menu-btn span.message-body.l-click-area, .s-menu-btn .overlay > .holder .contents span.message-body.l-click-area, + .overlay > .holder .contents .message-body.l-object-wrapper, + .overlay > .holder .contents .l-object-wrapper .message-body.object-holder-main, + .l-object-wrapper .overlay > .holder .contents .message-body.object-holder-main, .overlay > .holder .contents .abs.bottom-bar, .overlay > .holder .contents .bottom-bar.l-inspect, .overlay > .holder .contents .l-datetime-picker .l-month-year-pager .bottom-bar.pager, @@ -5538,7 +5967,10 @@ span.req { .overlay > .holder .contents .l-datetime-picker .l-month-year-pager .bottom-bar.val, .l-datetime-picker .l-month-year-pager .overlay > .holder .contents .bottom-bar.val, .overlay > .holder .contents .s-menu-btn span.bottom-bar.l-click-area, - .s-menu-btn .overlay > .holder .contents span.bottom-bar.l-click-area { + .s-menu-btn .overlay > .holder .contents span.bottom-bar.l-click-area, + .overlay > .holder .contents .bottom-bar.l-object-wrapper, + .overlay > .holder .contents .l-object-wrapper .bottom-bar.object-holder-main, + .l-object-wrapper .overlay > .holder .contents .bottom-bar.object-holder-main { top: auto; right: auto; bottom: auto; @@ -5585,7 +6017,7 @@ ul.tree { -ms-user-select: none; -webkit-user-select: none; user-select: none; } - /* line 354, ../../../../general/res/sass/_mixins.scss */ + /* line 360, ../../../../general/res/sass/_mixins.scss */ ul.tree li { list-style-type: none; margin: 0; @@ -5782,6 +6214,78 @@ mct-representation.s-status-pending .t-object-label .t-title-label { border-color: rgba(252, 252, 252, 0.25); border-top-color: #fcfcfc; } +/* line 156, ../../../../general/res/sass/tree/_tree.scss */ +.tree .s-status-editing .tree-item, +.tree .s-status-editing .search-result-item, +.search-results .s-status-editing .tree-item, +.search-results .s-status-editing .search-result-item { + background: #caf1ff; + pointer-events: none; } + /* line 160, ../../../../general/res/sass/tree/_tree.scss */ + .tree .s-status-editing .tree-item:before, + .tree .s-status-editing .search-result-item:before, + .search-results .s-status-editing .tree-item:before, + .search-results .s-status-editing .search-result-item:before { + -moz-animation-name: pulse; + -webkit-animation-name: pulse; + animation-name: pulse; + -moz-animation-duration: 1s; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -moz-animation-direction: alternate; + -webkit-animation-direction: alternate; + animation-direction: alternate; + -moz-animation-iteration-count: infinite; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -moz-animation-timing-function: ease-in-out; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + color: #4bb1c7; + content: '\70'; + margin-right: 3px; } +@-moz-keyframes pulse { + 0% { + opacity: 0.25; } + 100% { + opacity: 1; } } +@-webkit-keyframes pulse { + 0% { + opacity: 0.25; } + 100% { + opacity: 1; } } +@keyframes pulse { + 0% { + opacity: 0.25; } + 100% { + opacity: 1; } } + /* line 169, ../../../../general/res/sass/tree/_tree.scss */ + .tree .s-status-editing .tree-item .t-object-label .t-item-icon, + .tree .s-status-editing .tree-item .t-object-label .t-title-label, + .tree .s-status-editing .search-result-item .t-object-label .t-item-icon, + .tree .s-status-editing .search-result-item .t-object-label .t-title-label, + .search-results .s-status-editing .tree-item .t-object-label .t-item-icon, + .search-results .s-status-editing .tree-item .t-object-label .t-title-label, + .search-results .s-status-editing .search-result-item .t-object-label .t-item-icon, + .search-results .s-status-editing .search-result-item .t-object-label .t-title-label { + color: #4bb1c7; + text-shadow: none; } + /* line 174, ../../../../general/res/sass/tree/_tree.scss */ + .tree .s-status-editing .tree-item .t-object-label .t-title-label, + .tree .s-status-editing .search-result-item .t-object-label .t-title-label, + .search-results .s-status-editing .tree-item .t-object-label .t-title-label, + .search-results .s-status-editing .search-result-item .t-object-label .t-title-label { + font-style: italic; } + /* line 178, ../../../../general/res/sass/tree/_tree.scss */ + .tree .s-status-editing .tree-item .view-control, .tree .s-status-editing .tree-item + .tree-item-subtree, + .tree .s-status-editing .search-result-item .view-control, + .tree .s-status-editing .search-result-item + .tree-item-subtree, + .search-results .s-status-editing .tree-item .view-control, + .search-results .s-status-editing .tree-item + .tree-item-subtree, + .search-results .s-status-editing .search-result-item .view-control, + .search-results .s-status-editing .search-result-item + .tree-item-subtree { + display: none; } + /***************************************************************************** * Open MCT Web, Copyright (c) 2014-2015, United States Government * as represented by the Administrator of the National Aeronautics and Space @@ -5973,52 +6477,53 @@ mct-representation.s-status-pending .t-object-label .t-title-label { /* line 25, ../../../../general/res/sass/user-environ/_frame.scss */ .frame.child-frame.panel { background: #fcfcfc; - border: 1px solid rgba(102, 102, 102, 0.2); } - /* line 28, ../../../../general/res/sass/user-environ/_frame.scss */ + border: 1px solid rgba(102, 102, 102, 0.2); + z-index: 0; } + /* line 29, ../../../../general/res/sass/user-environ/_frame.scss */ .frame.child-frame.panel:hover { border-color: rgba(128, 128, 128, 0.2); } -/* line 32, ../../../../general/res/sass/user-environ/_frame.scss */ +/* line 33, ../../../../general/res/sass/user-environ/_frame.scss */ .frame .object-top-bar { font-size: 0.75em; height: 16px; line-height: 16px; } - /* line 36, ../../../../general/res/sass/user-environ/_frame.scss */ + /* line 37, ../../../../general/res/sass/user-environ/_frame.scss */ .frame .object-top-bar .left { padding-right: 10px; } -/* line 40, ../../../../general/res/sass/user-environ/_frame.scss */ +/* line 41, ../../../../general/res/sass/user-environ/_frame.scss */ .frame > .object-holder.abs, .frame > .object-holder.l-inspect, .l-datetime-picker .l-month-year-pager .frame > .object-holder.pager, -.l-datetime-picker .l-month-year-pager .frame > .object-holder.val, .s-menu-btn .frame > span.object-holder.l-click-area { +.l-datetime-picker .l-month-year-pager .frame > .object-holder.val, .s-menu-btn .frame > span.object-holder.l-click-area, .frame > .object-holder.l-object-wrapper, .l-object-wrapper .frame > .object-holder.object-holder-main { top: 21px; } -/* line 43, ../../../../general/res/sass/user-environ/_frame.scss */ +/* line 44, ../../../../general/res/sass/user-environ/_frame.scss */ .frame .contents { top: 5px; right: 5px; bottom: 5px; left: 5px; } -/* line 51, ../../../../general/res/sass/user-environ/_frame.scss */ +/* line 52, ../../../../general/res/sass/user-environ/_frame.scss */ .frame.frame-template .s-btn, .frame.frame-template .s-menu-btn, .frame.frame-template .s-menu-btn { height: 16px; line-height: 16px; padding: 0 5px; } - /* line 56, ../../../../general/res/sass/user-environ/_frame.scss */ + /* line 57, ../../../../general/res/sass/user-environ/_frame.scss */ .frame.frame-template .s-btn > span, .frame.frame-template .s-menu-btn > span, .frame.frame-template .s-menu-btn > span { font-size: 0.65rem; } -/* line 61, ../../../../general/res/sass/user-environ/_frame.scss */ +/* line 62, ../../../../general/res/sass/user-environ/_frame.scss */ .frame.frame-template .s-menu-btn:after { font-size: 8px; } -/* line 65, ../../../../general/res/sass/user-environ/_frame.scss */ +/* line 66, ../../../../general/res/sass/user-environ/_frame.scss */ .frame.frame-template .view-switcher { z-index: 10; } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 71, ../../../../general/res/sass/user-environ/_frame.scss */ + /* line 72, ../../../../general/res/sass/user-environ/_frame.scss */ .frame.frame-template .view-switcher { opacity: 0; } - /* line 74, ../../../../general/res/sass/user-environ/_frame.scss */ + /* line 75, ../../../../general/res/sass/user-environ/_frame.scss */ .frame.frame-template:hover .view-switcher { opacity: 1; } } -/* line 82, ../../../../general/res/sass/user-environ/_frame.scss */ +/* line 83, ../../../../general/res/sass/user-environ/_frame.scss */ .frame .view-switcher .title-label { display: none; } @@ -6066,10 +6571,10 @@ mct-representation.s-status-pending .t-object-label .t-title-label { /* line 48, ../../../../general/res/sass/user-environ/_top-bar.scss */ .edit-mode .top-bar .buttons-main { white-space: nowrap; } - /* line 52, ../../../../general/res/sass/user-environ/_top-bar.scss */ + /* line 51, ../../../../general/res/sass/user-environ/_top-bar.scss */ .edit-mode .top-bar .buttons-main.abs, .edit-mode .top-bar .buttons-main.l-inspect, .edit-mode .top-bar .l-datetime-picker .l-month-year-pager .buttons-main.pager, .l-datetime-picker .l-month-year-pager .edit-mode .top-bar .buttons-main.pager, .edit-mode .top-bar .l-datetime-picker .l-month-year-pager .buttons-main.val, - .l-datetime-picker .l-month-year-pager .edit-mode .top-bar .buttons-main.val, .edit-mode .top-bar .s-menu-btn span.buttons-main.l-click-area, .s-menu-btn .edit-mode .top-bar span.buttons-main.l-click-area { + .l-datetime-picker .l-month-year-pager .edit-mode .top-bar .buttons-main.val, .edit-mode .top-bar .s-menu-btn span.buttons-main.l-click-area, .s-menu-btn .edit-mode .top-bar span.buttons-main.l-click-area, .edit-mode .top-bar .buttons-main.l-object-wrapper, .edit-mode .top-bar .l-object-wrapper .buttons-main.object-holder-main, .l-object-wrapper .edit-mode .top-bar .buttons-main.object-holder-main { bottom: auto; left: auto; } @@ -6094,27 +6599,27 @@ mct-representation.s-status-pending .t-object-label .t-title-label { * this source code distribution or the Licensing information page available * at runtime from the About dialog for additional information. *****************************************************************************/ -/* line 22, ../../../../general/res/sass/user-environ/_tool-bar.scss */ -.tool-bar { - border-bottom: 1px solid rgba(102, 102, 102, 0.2); } - /* line 24, ../../../../general/res/sass/user-environ/_tool-bar.scss */ - .tool-bar .l-control-group { - height: 25px; } - /* line 27, ../../../../general/res/sass/user-environ/_tool-bar.scss */ - .tool-bar input[type="text"] { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - font-size: .9em; - height: 25px; - margin-bottom: 1px; - position: relative; } - /* line 33, ../../../../general/res/sass/user-environ/_tool-bar.scss */ - .tool-bar input[type="text"].sm { - width: 25px; } - /* line 37, ../../../../general/res/sass/user-environ/_tool-bar.scss */ - .tool-bar .input-labeled label { - font-size: 11.25px; } +/* line 23, ../../../../general/res/sass/user-environ/_tool-bar.scss */ +.tool-bar.btn-bar { + white-space: nowrap; } +/* line 26, ../../../../general/res/sass/user-environ/_tool-bar.scss */ +.tool-bar .l-control-group { + height: 25px; } +/* line 29, ../../../../general/res/sass/user-environ/_tool-bar.scss */ +.tool-bar input[type="text"] { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + font-size: .9em; + height: 25px; + margin-bottom: 1px; + position: relative; } + /* line 35, ../../../../general/res/sass/user-environ/_tool-bar.scss */ + .tool-bar input[type="text"].sm { + width: 25px; } +/* line 39, ../../../../general/res/sass/user-environ/_tool-bar.scss */ +.tool-bar .input-labeled label { + font-size: 11.25px; } /********************************* VIEWS */ /***************************************************************************** @@ -6899,14 +7404,14 @@ table { margin-bottom: 3px; margin-right: 3px; position: relative; } - /* line 297, ../../../../general/res/sass/_mixins.scss */ + /* line 303, ../../../../general/res/sass/_mixins.scss */ .items-holder .item.grid-item .icon, .items-holder .item.grid-item .t-item-icon { color: #0099cc; } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 302, ../../../../general/res/sass/_mixins.scss */ + /* line 308, ../../../../general/res/sass/_mixins.scss */ .items-holder .item.grid-item:not(.disabled):hover { background-image: #d0d0d0; } - /* line 304, ../../../../general/res/sass/_mixins.scss */ + /* line 310, ../../../../general/res/sass/_mixins.scss */ .items-holder .item.grid-item:not(.disabled):hover > .icon, .items-holder .item.grid-item:not(.disabled):hover > .t-item-icon { color: #33ccff; } } /* line 45, ../../../../general/res/sass/items/_item.scss */ @@ -7021,7 +7526,7 @@ table { transition: background, 0.25s; text-shadow: none; color: #80dfff; } - /* line 297, ../../../../general/res/sass/_mixins.scss */ + /* line 303, ../../../../general/res/sass/_mixins.scss */ .items-holder .item.grid-item.selected .icon, .items-holder .item.grid-item.selected .t-item-icon { color: #eee; } /* line 126, ../../../../general/res/sass/items/_item.scss */ diff --git a/platform/commonUI/themes/snow/res/sass/_constants.scss b/platform/commonUI/themes/snow/res/sass/_constants.scss index e69f60c17b..2e5b020f9f 100644 --- a/platform/commonUI/themes/snow/res/sass/_constants.scss +++ b/platform/commonUI/themes/snow/res/sass/_constants.scss @@ -6,6 +6,8 @@ $colorFooterBg: #000; $colorKey: #0099cc; $colorKeySelectedBg: $colorKey; $colorKeyFg: #fff; +$colorEditAreaBg: #eafaff; +$colorEditAreaFg: #4bb1c7; //587ab5; $colorInteriorBorder: rgba($colorBodyFg, 0.2); $colorA: #999; $colorAHov: $colorKey; @@ -55,10 +57,10 @@ $colorMenuIc: $colorKey; $colorMenuHovBg: pullForward($colorMenuBg, 10%); $colorMenuHovFg: $colorMenuFg; $colorMenuHovIc: $colorMenuIc; -$colorCreateMenuLgIcon: $colorKey; -$colorCreateMenuText: $colorBodyFg; $shdwMenu: rgba(black, 0.5) 0 1px 5px; $shdwMenuText: none; +$colorCreateMenuLgIcon: $colorKey; +$colorCreateMenuText: $colorBodyFg; // Form colors $colorCheck: $colorKey; @@ -107,8 +109,8 @@ $colorLimitRedBg: rgba(red, 0.3); $colorLimitRedIc: red; // Bubble colors -$colorInfoBubbleFg: #666; $colorInfoBubbleBg: $colorMenuBg; +$colorInfoBubbleFg: #666; $colorThumbsBubbleFg: pullForward($colorBodyFg, 10%); $colorThumbsBubbleBg: pullForward($colorBodyBg, 10%); @@ -127,12 +129,11 @@ $colorItemFgDetails: pushBack($colorItemFg, 15%); $colorItemIc: $colorKey; $colorItemSubIcons: $colorItemFgDetails; $colorItemOpenIcon: $colorItemFgDetails; -$shdwItemText: none; //rgba(black, 0.2) 0 1px 2px; +$shdwItemText: none; $colorItemBgSelected: $colorKey; // Tabular $colorTabBorder: pullForward($colorBodyBg, 10%); -$colorItemTreeHoverFg: pullForward($colorBodyFg, 20%); $colorTabBodyBg: $colorBodyBg; $colorTabBodyFg: pullForward($colorBodyFg, 20%); $colorTabHeaderBg: pullForward($colorBodyBg, 10%); @@ -149,12 +150,15 @@ $colorPlotLabelFg: pushBack($colorPlotFg, 20%); // Tree $colorItemTreeHoverBg: rgba($colorBodyFg, 0.1); +$colorItemTreeHoverFg: pullForward($colorBodyFg, 20%); $colorItemTreeIcon: $colorKey; $colorItemTreeIconHover: $colorItemTreeIcon; //pushBack($colorItemTreeIcon, 20%); $colorItemTreeVCHover: $colorKey; $colorItemTreeFg: $colorBodyFg; $colorItemTreeSelectedBg: pushBack($colorKey, 15%); $colorItemTreeSelectedFg: $colorBodyBg; +$colorItemTreeEditingBg: #caf1ff; //#c6e3ff; +$colorItemTreeEditingFg: $colorEditAreaFg; $colorItemTreeVC: $colorBodyFg; $colorItemTreeSelectedVC: $colorBodyBg; $shdwItemTreeIcon: none; diff --git a/platform/features/plot/res/templates/plot.html b/platform/features/plot/res/templates/plot.html index 4ad14c7f5b..2a009350ae 100644 --- a/platform/features/plot/res/templates/plot.html +++ b/platform/features/plot/res/templates/plot.html @@ -20,7 +20,8 @@ at runtime from the About dialog for additional information. --> + ng-mouseleave="representation.showControls = false" + class="abs holder holder-plot">
    - +
    diff --git a/platform/features/timeline/res/sass/_activities.scss b/platform/features/timeline/res/sass/_activities.scss index e7b27ebfb1..2f88334e0e 100644 --- a/platform/features/timeline/res/sass/_activities.scss +++ b/platform/features/timeline/res/sass/_activities.scss @@ -54,7 +54,8 @@ } } -.edit-mode .s-timeline-gantt { +.edit-mode .s-timeline-gantt, +.s-status-editing .s-timeline-gantt { .handle { cursor: col-resize; &.mid { diff --git a/platform/features/timeline/res/sass/_timeline-thematic.scss b/platform/features/timeline/res/sass/_timeline-thematic.scss index 62dbc27cdf..7e123edbb0 100644 --- a/platform/features/timeline/res/sass/_timeline-thematic.scss +++ b/platform/features/timeline/res/sass/_timeline-thematic.scss @@ -69,7 +69,8 @@ } } -.edit-mode .s-timeline-gantt { +.edit-mode .s-timeline-gantt, +.s-status-editing .s-timeline-gantt { .bar { &:hover { @include background-image(linear-gradient(lighten($colorGanttBarBg, 20), lighten($colorGanttBarBg, 10))); @@ -140,7 +141,8 @@ } } -.edit-mode .s-swimlane { +.edit-mode .s-swimlane, +.s-status-editing .s-swimlane { cursor: pointer; .t-object-label { @include border-radius($controlCr);