ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-02-21 09:52:04 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bringing in latest NEM work from open199-meet-open279

Browse Source
This commit is contained in:
Charles Hacskaylo 2015-11-17 15:26:11 -08:00
commit 5882278f98
15 changed files with 728 additions and 646 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
platform/commonUI/browse/res/templates/browse-object.html
View File

@ -51,7 +51,7 @@
<mct-toolbar name="mctToolbar"
structure="toolbar.structure"
ng-model="toolbar.state"
class="flex-elem grow">
class="flex-elem grows">
</mct-toolbar>
<mct-representation key="'edit-action-buttons'"
mct-object="domainObject"

36
platform/commonUI/general/res/sass/_inspector.scss
View File

@ -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);
@ -109,4 +122,23 @@
width: 4px;
}
}
}
.holder-elements {
.current-elements {
position: relative;
.tree-item {
.t-object-label {
// Elements pool is a flat list, so don't indent items.
left: 0;
.t-item-icon {
font-size: 1em;
width: 1em;
}
.t-title-label {
left: 20px + $interiorMargin;
}
}
}
}
}
}

6
platform/commonUI/general/res/sass/_mixins.scss
View File

@ -315,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;
@ -329,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;
}

7
platform/commonUI/general/res/sass/forms/_elems.scss
View File

@ -112,7 +112,7 @@
.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);
@ -162,8 +162,9 @@ label.form-control.checkbox {
}
}
input[type="text"] {
@include nice-input($colorInputBg, $colorInputFg);
input[type="text"],
input[type="search"] {
@include nice-input();
&.filter {
&.ng-dirty {
// background: red;

85
platform/commonUI/general/res/sass/forms/_filter.scss
View File

@ -21,13 +21,9 @@
*****************************************************************************/
.filter,
.t-filter {
input.filter,
input.t-filter-input {
@include subdued-input();
}
input.t-filter-input {
height: $formInputH;
width: 200px;
//height: $formInputH;
//width: 200px;
&:not(.ng-dirty) {
// TO-DO: Update compass install to support this
// @include input-placeholder {
@ -79,12 +75,6 @@
// &:not(ng-dirty)
}
.l-filter {
// Holds an input and a clear button
display:inline-block;
position: relative;
}
.top-bar {
input.filter {
$h: $ueTopBarH;
@ -100,4 +90,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%));
}
&: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';
}
}
}

2
platform/commonUI/general/res/sass/mobile/_layout.scss
View File

@ -102,7 +102,7 @@
}
.object-browse-bar {
left: 45px !important;
margin-left: 45px;
.context-available {
opacity: 1 !important;
}

84
platform/commonUI/general/res/sass/search/_search.scss
View File

@ -20,91 +20,33 @@
* at runtime from the About dialog for additional information.
*****************************************************************************/
.clear-icon,
.menu-icon {
cursor: pointer;
font-family: symbolsfont;
@include trans-prop-nice((opacity, color), 150ms);
}
.clear-icon {
// 'x' in circle icon
&:before {
content: '\e607';
}
}
.holder-search {
// Moved a lot of stuff in here to _filter.scss
// to generalize approach to search input controls.
$iconWidth: 20px;
$textInputHeight: 19px;
$iconEdgeM: 4px;
$iconD: $treeSearchInputBarH - ($iconEdgeM*2);
.search-bar {
$textInputHeight: 19px; // This is equal to the default value, 19px
$iconEdgeM: 4px;
$iconD: $treeSearchInputBarH - ($iconEdgeM*2);
font-size: 0.8em;
max-width: 250px;
position: relative;
.search-input {
input[type="search"] {
height: $treeSearchInputBarH;
line-height: $treeSearchInputBarH;
position: relative;
width: 100%;
padding-left: $iconD + $interiorMargin !important;
padding-right: ($iconD * 2) + ($interiorMargin * 2) !important;
}
&:before,
.clear-icon,
.menu-icon {
@include box-sizing(border-box);
color: $colorInputIcon;
height: $iconD;
width: $iconD;
line-height: $iconD;
position: absolute;
text-align: center;
top: $iconEdgeM;
}
.search-input {
position: relative;
width: 100%;
padding-left: $iconD + $interiorMargin !important;
padding-right: ($iconD * 2) + ($interiorMargin * 2) !important;
// Make work for mct-control textfield
input {
width: inherit; // was 100%
}
}
&:before {
// Magnify glass icon
content:'\4d';
font-family: symbolsfont;
left: $interiorMarginSm;
@include trans-prop-nice(color, 250ms);
pointer-events: none;
.clear-icon {
right: $iconD + $interiorMargin;
}
// Make icon lighten when hovering over search bar
&:hover:before {
color: pullForward($colorInputIcon, 10%);
}
.clear-icon {
right: $iconD + $interiorMargin;
// Icon is visible only when there is text input
visibility: hidden;
opacity: 0;
&.show {
visibility: visible;
opacity: 1;
}
&:hover {
color: pullForward($colorInputIcon, 10%);
}
}
.menu-icon {
// 'v' invoke menu icon
&:before { content: '\76'; }

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

@ -67,7 +67,6 @@
right: $bodyMargin;
bottom: $bodyMargin + $ueFooterH;
.tool-bar {
border-bottom: 1px solid $colorInteriorBorder;
bottom: auto;
height: $tbH;
line-height: $btnToolbarH;
@ -78,7 +77,6 @@
}
}
// from _bottom-bar.scss
.ue-bottom-bar {
@include absPosDefault(0);// New status bar design
top: auto;
@ -209,12 +207,18 @@
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;
}
}
}
@ -225,7 +229,6 @@
.l-object-wrapper {
@extend .abs;
//top: $ueTopBarH + $interiorMarginLg;
.object-holder-main {
@extend .abs;
@ -234,6 +237,7 @@
&.active {
@include pulseBorder($colorKey, 150ms, 8, 0.5s);
@include border-radius($controlCr);
background-color: $colorEditAreaBg;
border-color: $colorKey;
border-width: 2px;
border-style: dotted;
@ -281,7 +285,6 @@
/***************************************************** OBJECT BROWSE BAR */
.object-browse-bar {
// Converting to use flexbox layout
//@include absPosDefault(0, visible); // Must use visible to avoid hiding view switcher menu
@include box-sizing(border-box);
height: $ueTopBarH;
line-height: $ueTopBarH;
@ -295,9 +298,7 @@
}
}
// 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,
@ -332,9 +333,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;

10
platform/commonUI/general/res/templates/controls/input-filter.html
View File

@ -20,15 +20,13 @@
at runtime from the About dialog for additional information.
-->
<!-- look at action-button for example -->
<span class="t-filter l-filter"
<span class="t-filter l-filter s-filter"
ng-controller="GetterSetterController">
<input type="search"
class="t-filter-input"
ng-model="getterSetter.value"
placeholder="Filter..."/>
<a class="ui-symbol t-a-clear s-a-clear"
ng-show="getterSetter.value !== ''"
ng-model="getterSetter.value"/>
<a class="clear-icon"
ng-class="{show: !(getterSetter.value === '' || getterSetter.value === undefined)}"
ng-click="getterSetter.value = ''">
x
</a>
</span>

101
platform/commonUI/general/res/templates/object-inspector.html
View File

@ -19,45 +19,68 @@
this source code distribution or the Licensing information page available
at runtime from the About dialog for additional information.
-->
<!-- TO-DO: get rid of this ng-init and replace with a live state value -->
<div ng-init="editMode = true;"></div>
<span class="l-inspect" ng-controller="ObjectInspectorController as controller">
<div class="abs holder holder-inspector-elements l-flex-col">
<div class="pane-header flex-elem">Inspection</div>
<ul class="flex-elem grows vscroll">
<li>
<em>Properties</em>
<div class="inspector-properties"
ng-repeat="data in metadata"
ng-class="{ first:$index === 0 }">
<div class="label">{{ data.name }}</div>
<div class="value">{{ data.value }}</div>
<div ng-controller="PaneController as modelPaneEdit">
<mct-split-pane class='abs contents split-layout' anchor='bottom'>
<div class="split-pane-component pane top">
<div class="abs holder holder-inspector l-flex-col">
<div class="pane-header flex-elem">Inspection</div>
<ul class="flex-elem grows vscroll">
<li>
<em>Properties</em>
<div class="inspector-properties"
ng-repeat="data in metadata"
ng-class="{ first:$index === 0 }">
<div class="label">{{ data.name }}</div>
<div class="value">{{ data.value }}</div>
</div>
</li>
<li ng-if="contextutalParents.length > 0">
<em title="The location of this linked object.">Location</em>
<span class="inspector-location"
ng-repeat="parent in contextutalParents"
ng-class="{ last:($index + 1) === contextualParents.length }">
<mct-representation key="'label'"
mct-object="parent"
ng-model="ngModel"
ng-click="ngModel.selectedObject = parent"
class="location-item">
</mct-representation>
</span>
</li>
<li ng-if="primaryParents.length > 0">
<em title="The location of the original object that this was linked from.">Original Location</em>
<span class="inspector-location"
ng-repeat="parent in primaryParents"
ng-class="{ last:($index + 1) === primaryParents.length }">
<mct-representation key="'label'"
mct-object="parent"
ng-model="ngModel"
ng-click="ngModel.selectedObject = parent"
class="location-item">
</mct-representation>
</span>
</li>
</ul>
</div><!--/ holder-inspector -->
</div><!--/ split-pane-component -->
<mct-splitter class="splitter-inspect mobile-hide" ng-show="editMode"></mct-splitter>
<div class="split-pane-component pane bottom" ng-show="editMode">
<div class="abs holder holder-elements l-flex-col">
<em class="flex-elem">Elements</em>
<mct-include key="'input-filter'"
class="flex-elem holder">
</mct-include>
<mct-representation
key="'edit-elements'"
mct-object="domainObject"
class="flex-elem holder grows vscroll current-elements">
</mct-representation>
</div>
</div>
</li>
<li ng-if="contextutalParents.length > 0">
<em title="The location of this linked object.">Location</em>
<span class="inspector-location"
ng-repeat="parent in contextutalParents"
ng-class="{ last:($index + 1) === contextualParents.length }">
<mct-representation key="'label'"
mct-object="parent"
ng-model="ngModel"
ng-click="ngModel.selectedObject = parent"
class="location-item">
</mct-representation>
</span>
</li>
<li ng-if="primaryParents.length > 0">
<em title="The location of the original object that this was linked from.">Original Location</em>
<span class="inspector-location"
ng-repeat="parent in primaryParents"
ng-class="{ last:($index + 1) === primaryParents.length }">
<mct-representation key="'label'"
mct-object="parent"
ng-model="ngModel"
ng-click="ngModel.selectedObject = parent"
class="location-item">
</mct-representation>
</span>
</li>
</ul>
</div>
</mct-split-pane>
</div><!--/ PaneController -->
</span>

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

File diff suppressed because it is too large Load Diff

9
platform/commonUI/themes/espresso/res/sass/_constants.scss
View File

@ -6,6 +6,7 @@ $colorFooterBg: #000;
$colorKey: #0099cc;
$colorKeySelectedBg: #005177;
$colorKeyFg: #fff;
$colorEditAreaBg: rgba(#1f4fa2, 0.1);
$colorInteriorBorder: rgba($colorBodyFg, 0.1);
$colorA: #ccc;
$colorAHov: #fff;
@ -69,8 +70,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 +81,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
@ -171,7 +172,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%);

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

@ -20,7 +20,7 @@
* this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information.
*****************************************************************************/
/* line 5, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
/* line 5, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
@ -41,38 +41,38 @@ time, mark, audio, video {
font-size: 100%;
vertical-align: baseline; }
/* line 22, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
/* line 22, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
line-height: 1; }
/* line 24, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
/* line 24, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
list-style: none; }
/* line 26, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
/* line 26, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
border-collapse: collapse;
border-spacing: 0; }
/* line 28, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
/* line 28, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle; }
/* line 30, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
/* line 30, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
quotes: none; }
/* line 103, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
/* line 103, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none; }
/* line 32, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
/* line 32, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
border: none; }
/* line 116, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
/* line 116, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block; }
@ -1432,18 +1432,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';
@ -1451,21 +1454,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;
@ -1475,34 +1483,34 @@ 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 88, ../../../../general/res/sass/_inspector.scss */
/* line 101, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-location .location-item {
cursor: pointer;
display: inline-block;
position: relative;
padding: 2px 4px; }
/* line 93, ../../../../general/res/sass/_inspector.scss */
/* line 106, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-location .location-item:hover {
background: rgba(102, 102, 102, 0.1);
color: #333333; }
/* line 96, ../../../../general/res/sass/_inspector.scss */
/* line 109, ../../../../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 101, ../../../../general/res/sass/_inspector.scss */
/* line 114, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-location:not(.last) .t-object-label .t-title-label:after {
color: #8c8c8c;
content: '\3e';
@ -1512,6 +1520,19 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
line-height: inherit;
margin-left: 3px;
width: 4px; }
/* line 126, ../../../../general/res/sass/_inspector.scss */
.l-inspect .holder-elements .current-elements {
position: relative; }
/* line 129, ../../../../general/res/sass/_inspector.scss */
.l-inspect .holder-elements .current-elements .tree-item .t-object-label {
left: 0; }
/* line 132, ../../../../general/res/sass/_inspector.scss */
.l-inspect .holder-elements .current-elements .tree-item .t-object-label .t-item-icon {
font-size: 1em;
width: 1em; }
/* line 136, ../../../../general/res/sass/_inspector.scss */
.l-inspect .holder-elements .current-elements .tree-item .t-object-label .t-title-label {
left: 25px; }
/********************************* CONTROLS */
/* line 1, ../../../../general/res/sass/controls/_breadcrumb.scss */
@ -3760,9 +3781,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;
@ -3810,7 +3831,8 @@ label.form-control.checkbox input {
padding: 5px; }
/* line 165, ../../../../general/res/sass/forms/_elems.scss */
input[type="text"] {
input[type="text"],
input[type="search"] {
-moz-appearance: none;
-webkit-appearance: none;
-moz-border-radius: 4px;
@ -3819,22 +3841,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 327, ../../../../general/res/sass/_mixins.scss */
input[type="text"].error {
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 173, ../../../../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 178, ../../../../general/res/sass/forms/_elems.scss */
textarea {
-moz-appearance: none;
-webkit-appearance: none;
@ -3844,9 +3868,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;
@ -3972,9 +3996,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;
@ -4129,45 +4153,11 @@ 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 327, ../../../../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 */
/* line 34, ../../../../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 38, ../../../../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,
.t-filter .icon.ui-symbol,
.t-filter .t-item-icon,
@ -4186,7 +4176,7 @@ span.req {
line-height: 22px;
padding: 0px 5px;
vertical-align: middle; }
/* line 50, ../../../../general/res/sass/forms/_filter.scss */
/* line 46, ../../../../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,
.t-filter .icon.ui-symbol:hover,
.t-filter .t-item-icon:hover,
@ -4197,7 +4187,7 @@ span.req {
.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 {
background: rgba(255, 255, 255, 0.1); }
/* line 54, ../../../../general/res/sass/forms/_filter.scss */
/* line 50, ../../../../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,
.t-filter .s-a-clear.ui-symbol,
.t-filter .s-a-clear.t-item-icon,
@ -4226,7 +4216,7 @@ span.req {
top: 50%;
text-align: center;
z-index: 5; }
/* line 74, ../../../../general/res/sass/forms/_filter.scss */
/* line 70, ../../../../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,
.t-filter .s-a-clear.ui-symbol:hover,
.t-filter .s-a-clear.t-item-icon:hover,
@ -4237,12 +4227,7 @@ span.req {
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 79, ../../../../general/res/sass/forms/_filter.scss */
.top-bar input.filter {
font-size: .9em;
height: 24px;
@ -4251,10 +4236,114 @@ span.req {
padding-left: 10px;
padding-right: 10px;
vertical-align: top; }
/* line 100, ../../../../general/res/sass/forms/_filter.scss */
/* line 90, ../../../../general/res/sass/forms/_filter.scss */
.top-bar .icon-filter {
font-size: 1.4em; }
/* line 95, ../../../../general/res/sass/forms/_filter.scss */
.l-filter {
display: inline-block;
position: relative; }
/* line 102, ../../../../general/res/sass/forms/_filter.scss */
.l-filter input[type="search"] {
padding: 2px 19px; }
/* line 105, ../../../../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%); }
/* line 116, ../../../../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 124, ../../../../general/res/sass/forms/_filter.scss */
.l-filter .clear-icon {
right: 4px;
visibility: hidden;
opacity: 0; }
/* line 130, ../../../../general/res/sass/forms/_filter.scss */
.l-filter .clear-icon.show {
visibility: visible;
opacity: 1; }
/* line 135, ../../../../general/res/sass/forms/_filter.scss */
.l-filter .clear-icon:hover {
color: #8c8c8c; }
/* line 142, ../../../../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 145, ../../../../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 154, ../../../../general/res/sass/forms/_filter.scss */
.s-filter:hover:before {
color: #8c8c8c; }
/* line 160, ../../../../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
@ -4323,15 +4412,14 @@ span.req {
bottom: 35px; }
/* line 69, ../../../../general/res/sass/user-environ/_layout.scss */
.user-environ .edit-area .tool-bar {
border-bottom: 1px solid rgba(102, 102, 102, 0.2);
bottom: auto;
height: 30px;
line-height: 25px; }
/* line 75, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 74, ../../../../general/res/sass/user-environ/_layout.scss */
.user-environ .edit-area .object-holder.work-area {
top: 40px;
overflow: auto; }
/* line 82, ../../../../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;
@ -4347,7 +4435,7 @@ span.req {
background: #000;
color: white;
font-size: .7rem; }
/* line 90, ../../../../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;
@ -4366,7 +4454,7 @@ span.req {
right: 120px;
text-transform: uppercase;
z-index: 1; }
/* line 98, ../../../../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;
@ -4383,68 +4471,68 @@ span.req {
left: auto;
width: 105px;
z-index: 2; }
/* line 105, ../../../../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; }
/* line 114, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 112, ../../../../general/res/sass/user-environ/_layout.scss */
.edit-mode .split-layout .split-pane-component.pane.right {
width: 15%; }
/* line 116, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 114, ../../../../general/res/sass/user-environ/_layout.scss */
.edit-mode .split-layout .split-pane-component.pane.right .pane.bottom {
min-height: 50px;
height: 30%; }
/* line 124, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 122, ../../../../general/res/sass/user-environ/_layout.scss */
.pane {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute; }
/* line 128, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 126, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .pane-header {
text-transform: uppercase;
height: 24px;
line-height: 24px; }
/* line 134, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 132, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .primary-pane {
z-index: 2; }
/* line 139, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 137, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane {
z-index: 5; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 139, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 137, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane {
top: 10px;
height: 24px;
line-height: 24px; }
/* line 147, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 145, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane:after {
opacity: 0; }
/* line 152, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 150, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane.collapsed:before {
opacity: 0; }
/* line 155, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 153, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane.collapsed:after {
opacity: 1; }
/* line 159, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 157, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left {
left: 0;
-moz-transform: translateX(-33px);
-ms-transform: translateX(-33px);
-webkit-transform: translateX(-33px);
transform: translateX(-33px); }
/* line 162, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 160, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:after {
content: '\6d'; }
/* line 165, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 163, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left.collapsed {
left: 0;
-moz-transform: translateX(-17px);
-ms-transform: translateX(-17px);
-webkit-transform: translateX(-17px);
transform: translateX(-17px); }
/* line 169, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 167, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:not(.collapsed):before {
-moz-transition-property: opacity;
-o-transition-property: opacity;
@ -4462,16 +4550,16 @@ span.req {
-o-transition-delay: 200ms;
-webkit-transition-delay: 200ms;
transition-delay: 200ms; }
/* line 173, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 171, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right {
right: 10px; }
/* line 175, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 173, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right:after {
content: '\e615'; }
/* line 178, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 176, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right.collapsed {
right: 5px; } }
/* line 186, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 184, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .left.l-inspect, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.pager, .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.pager,
.pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.val,
.l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.val, .pane.items .object-browse-bar .s-menu-btn span.left.l-click-area, .s-menu-btn .pane.items .object-browse-bar span.left.l-click-area, .pane.items .object-browse-bar .left.l-object-wrapper, .pane.items .object-browse-bar .l-object-wrapper .left.object-holder-main, .l-object-wrapper .pane.items .object-browse-bar .left.object-holder-main,
@ -4488,30 +4576,36 @@ span.req {
.l-object-wrapper .pane.items .object-browse-bar .right.object-holder-main {
top: auto; }
/* line 196, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 194, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout .holder.holder-treeview-elements {
top: 10px;
right: 0;
bottom: 10px;
left: 10px; }
/* line 203, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 201, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout .holder.holder-object-and-inspector {
top: 0;
right: 0;
bottom: 0;
left: 0; }
/* line 208, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 206, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout .holder.holder-object-and-inspector .holder-object {
top: 10px;
bottom: 10px; }
/* line 212, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout .holder.holder-object-and-inspector .holder-inspector-elements {
/* line 210, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout .holder.holder-object-and-inspector .holder-inspector {
top: 10px;
bottom: 10px;
left: 10px;
right: 10px; }
/* line 216, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout .holder.holder-object-and-inspector .holder-elements {
top: 0;
bottom: 10px;
left: 10px;
right: 10px; }
/* line 221, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 225, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder {
overflow: auto;
position: absolute;
@ -4523,7 +4617,7 @@ span.req {
height: auto;
top: 34px; }
/* line 234, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 237, ../../../../general/res/sass/user-environ/_layout.scss */
.l-object-wrapper.active {
-moz-animation-name: pulseBorder;
-webkit-animation-name: pulseBorder;
@ -4546,6 +4640,7 @@ span.req {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: rgba(0, 153, 204, 0.075);
border-color: #0099cc;
border-width: 2px;
border-style: dotted; }
@ -4564,7 +4659,7 @@ span.req {
border-color: transparent; }
100% {
border-color: #0099cc; } }
/* line 240, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 244, ../../../../general/res/sass/user-environ/_layout.scss */
.l-object-wrapper.active .l-object-wrapper-inner {
overflow: hidden;
position: absolute;
@ -4575,7 +4670,7 @@ span.req {
width: auto;
height: auto; }
/* line 246, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 250, ../../../../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;
@ -4590,7 +4685,7 @@ span.req {
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; }
/* line 250, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 254, ../../../../general/res/sass/user-environ/_layout.scss */
.l-edit-controls {
-moz-transition-property: height, width, top, right, bottom, left, opacity;
-o-transition-property: height, width, top, right, bottom, left, opacity;
@ -4607,14 +4702,14 @@ span.req {
height: 0;
opacity: 0;
overflow: hidden; }
/* line 255, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 259, ../../../../general/res/sass/user-environ/_layout.scss */
.l-edit-controls.active {
border-bottom: 1px solid rgba(102, 102, 102, 0.2);
height: 30px;
line-height: 25px;
opacity: 1; }
/* line 263, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 267, ../../../../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,
@ -4626,13 +4721,13 @@ span.req {
line-height: 25px;
vertical-align: top; }
/* line 276, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 280, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .view-switcher,
.top-bar .view-switcher {
margin-right: 20px; }
/***************************************************** OBJECT BROWSE BAR */
/* line 282, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 286, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
@ -4640,20 +4735,20 @@ span.req {
height: 24px;
line-height: 24px;
white-space: nowrap; }
/* line 290, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 293, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .left {
padding-right: 10px; }
/* line 292, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 295, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .left .l-back {
margin-right: 10px; }
/* line 303, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 304, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .tree-holder,
.pane-tree-hidden .splitter-treeview,
.pane-tree-hidden .holder-treeview-elements {
opacity: 0; }
/* line 312, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 313, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-showing .tree-holder,
.pane-tree-showing .splitter-treeview {
-moz-transition-property: opacity;
@ -4673,7 +4768,7 @@ span.req {
-webkit-transition-delay: 250ms;
transition-delay: 250ms;
opacity: 1; }
/* line 318, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 319, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-showing .holder-treeview-elements {
-moz-transition-property: opacity;
-o-transition-property: opacity;
@ -4692,7 +4787,7 @@ span.req {
-webkit-transition-delay: 200ms;
transition-delay: 200ms; }
/* line 325, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 326, ../../../../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;
@ -4713,44 +4808,41 @@ span.req {
transition-delay: 250ms;
opacity: 1; }
/* line 335, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-hidden .l-object-and-inspector .t-inspect {
z-index: 1 !important; }
/* line 338, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 336, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-hidden .l-object-and-inspector .l-inspect,
.pane-inspect-hidden .l-object-and-inspector .splitter-inspect {
opacity: 0; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 346, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 344, ../../../../general/res/sass/user-environ/_layout.scss */
.holder-all {
min-width: 600px; }
/* line 351, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 349, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout .split-pane-component.pane.treeview.left {
min-width: 150px;
max-width: 35%;
width: 25%; }
/* line 356, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 354, ../../../../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 364, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 362, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .tree-holder {
padding-right: 5px; }
/* line 368, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 366, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .pane.right.primary-pane {
left: 22px !important; }
/* line 371, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 369, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-hidden .l-object-and-inspector .pane.left {
right: 22px !important; }
/* line 373, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 371, ../../../../general/res/sass/user-environ/_layout.scss */
.pane:not(.resizing) {
-moz-transition-property: width, left, right;
-o-transition-property: width, left, right;
@ -4769,7 +4861,7 @@ span.req {
-webkit-transition-delay: 0;
transition-delay: 0; }
/* line 376, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 374, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.primary-pane .object-browse-bar {
min-width: 200px; } }
/*****************************************************************************
@ -4901,7 +4993,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; }
@ -5127,120 +5219,41 @@ span.req {
* this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information.
*****************************************************************************/
/* line 23, ../../../../general/res/sass/search/_search.scss */
.clear-icon,
.menu-icon {
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 32, ../../../../general/res/sass/search/_search.scss */
.clear-icon:before {
content: '\e607'; }
/* line 40, ../../../../general/res/sass/search/_search.scss */
.holder-search .search-bar {
font-size: 0.8em;
max-width: 250px;
position: relative; }
/* line 48, ../../../../general/res/sass/search/_search.scss */
.holder-search .search-bar .search-input {
/* line 37, ../../../../general/res/sass/search/_search.scss */
.holder-search .search-bar input[type="search"] {
height: 25px;
line-height: 25px; }
/* line 53, ../../../../general/res/sass/search/_search.scss */
.holder-search .search-bar:before,
.holder-search .search-bar .clear-icon,
.holder-search .search-bar .menu-icon {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #a6a6a6;
height: 17px;
width: 17px;
line-height: 17px;
position: absolute;
text-align: center;
top: 4px; }
/* line 66, ../../../../general/res/sass/search/_search.scss */
.holder-search .search-bar .search-input {
line-height: 25px;
position: relative;
width: 100%;
padding-left: 22px !important;
padding-right: 44px !important; }
/* line 73, ../../../../general/res/sass/search/_search.scss */
.holder-search .search-bar .search-input input {
width: inherit; }
/* line 78, ../../../../general/res/sass/search/_search.scss */
.holder-search .search-bar:before {
content: '\4d';
font-family: symbolsfont;
left: 3px;
-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 88, ../../../../general/res/sass/search/_search.scss */
.holder-search .search-bar:hover:before {
color: #8c8c8c; }
/* line 92, ../../../../general/res/sass/search/_search.scss */
/* line 46, ../../../../general/res/sass/search/_search.scss */
.holder-search .search-bar .clear-icon {
right: 22px;
visibility: hidden;
opacity: 0; }
/* line 98, ../../../../general/res/sass/search/_search.scss */
.holder-search .search-bar .clear-icon.show {
visibility: visible;
opacity: 1; }
/* line 103, ../../../../general/res/sass/search/_search.scss */
.holder-search .search-bar .clear-icon:hover {
color: #8c8c8c; }
/* line 108, ../../../../general/res/sass/search/_search.scss */
right: 22px; }
/* line 50, ../../../../general/res/sass/search/_search.scss */
.holder-search .search-bar .menu-icon {
font-size: 0.8em;
padding-right: 4px;
right: 4px;
text-align: right; }
/* line 110, ../../../../general/res/sass/search/_search.scss */
/* line 52, ../../../../general/res/sass/search/_search.scss */
.holder-search .search-bar .menu-icon:before {
content: '\76'; }
/* line 116, ../../../../general/res/sass/search/_search.scss */
/* line 58, ../../../../general/res/sass/search/_search.scss */
.holder-search .search-bar .menu-icon:hover {
color: #8c8c8c; }
/* line 121, ../../../../general/res/sass/search/_search.scss */
/* line 63, ../../../../general/res/sass/search/_search.scss */
.holder-search .search-bar .search-menu-holder {
float: right;
left: -20px;
z-index: 70;
transition: visibility .05s, opacity .05s; }
/* line 129, ../../../../general/res/sass/search/_search.scss */
/* line 71, ../../../../general/res/sass/search/_search.scss */
.holder-search .active-filter-display {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
@ -5248,7 +5261,7 @@ span.req {
line-height: 130%;
padding-left: 1.4625em;
font-size: 0.65em; }
/* line 137, ../../../../general/res/sass/search/_search.scss */
/* line 79, ../../../../general/res/sass/search/_search.scss */
.holder-search .active-filter-display .clear-filters-icon {
color: #a6a6a6;
opacity: 1;
@ -5256,7 +5269,7 @@ span.req {
position: absolute;
left: 1px;
cursor: pointer; }
/* line 147, ../../../../general/res/sass/search/_search.scss */
/* line 89, ../../../../general/res/sass/search/_search.scss */
.holder-search .search-results {
-moz-transition-property: opacity, visibility;
-o-transition-property: opacity, visibility;
@ -5276,16 +5289,16 @@ span.req {
transition-delay: 0;
margin-top: 10px;
padding-right: 5px; }
/* line 151, ../../../../general/res/sass/search/_search.scss */
/* line 93, ../../../../general/res/sass/search/_search.scss */
.holder-search .search-results .hint {
margin-bottom: 10px;
font-size: 0.65em;
opacity: 0.6; }
/* line 156, ../../../../general/res/sass/search/_search.scss */
/* line 98, ../../../../general/res/sass/search/_search.scss */
.holder-search .search-results.active {
visibility: visible;
opacity: 1; }
/* line 160, ../../../../general/res/sass/search/_search.scss */
/* line 102, ../../../../general/res/sass/search/_search.scss */
.holder-search .search-results .load-more-button {
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);

1
platform/commonUI/themes/snow/res/sass/_constants.scss
View File

@ -6,6 +6,7 @@ $colorFooterBg: #000;
$colorKey: #0099cc;
$colorKeySelectedBg: $colorKey;
$colorKeyFg: #fff;
$colorEditAreaBg: rgba($colorKey, 0.075);
$colorInteriorBorder: rgba($colorBodyFg, 0.2);
$colorA: #999;
$colorAHov: $colorKey;

5
platform/search/res/templates/search.html
View File

@ -20,9 +20,8 @@
at runtime from the About dialog for additional information.
-->
<div class="l-flex-col flex-elem grows holder holder-search" ng-controller="SearchController as controller">
<div class="search-bar flex-elem" ng-controller="ClickAwayController as toggle">
<input class="search-input"
type="text"
<div class="search-bar search-input l-filter s-filter flex-elem" ng-controller="ClickAwayController as toggle">
<input type="search"
ng-model="ngModel.input"
ng-keyup="controller.search()" />
<a class="clear-icon"