mirror of
https://github.com/nasa/openmct.git
synced 2025-05-03 01:02:52 +00:00
Bringing in latest NEM work from open199-meet-open279
This commit is contained in:
Charles Hacskaylo
commit
5882278f98
@ -51,7 +51,7 @@
|
|||||||
<mct-toolbar name="mctToolbar"
|
<mct-toolbar name="mctToolbar"
|
||||||
structure="toolbar.structure"
|
structure="toolbar.structure"
|
||||||
ng-model="toolbar.state"
|
ng-model="toolbar.state"
|
||||||
class="flex-elem grow">
|
class="flex-elem grows">
|
||||||
</mct-toolbar>
|
</mct-toolbar>
|
||||||
<mct-representation key="'edit-action-buttons'"
|
<mct-representation key="'edit-action-buttons'"
|
||||||
mct-object="domainObject"
|
mct-object="domainObject"
|
||||||
|
|||||||
@ -23,7 +23,7 @@
|
|||||||
|
|
||||||
.l-inspect,
|
.l-inspect,
|
||||||
.l-inspect table tr td {
|
.l-inspect table tr td {
|
||||||
font-size: 0.7rem;
|
font-size: 0.75rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.l-inspect {
|
.l-inspect {
|
||||||
@ -31,6 +31,9 @@
|
|||||||
background: $colorInspectorBg;
|
background: $colorInspectorBg;
|
||||||
color: $colorInspectorFg;
|
color: $colorInspectorFg;
|
||||||
line-height: 140%;
|
line-height: 140%;
|
||||||
|
|
||||||
|
.flex-elem.holder:not(:last-child) { margin-bottom: $interiorMargin; }
|
||||||
|
|
||||||
.pane-header {
|
.pane-header {
|
||||||
color: pushBack($colorInspectorFg, 20%);
|
color: pushBack($colorInspectorFg, 20%);
|
||||||
font-size: 0.8rem;
|
font-size: 0.8rem;
|
||||||
@ -43,6 +46,16 @@
|
|||||||
vertical-align: bottom;
|
vertical-align: bottom;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.split-layout {
|
||||||
|
.split-pane-component.pane {
|
||||||
|
&.bottom {
|
||||||
|
height: 30%;
|
||||||
|
min-height: 20%;
|
||||||
|
max-height: 80%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
@include box-sizing(border-box);
|
@include box-sizing(border-box);
|
||||||
@ -109,4 +122,23 @@
|
|||||||
width: 4px;
|
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|||||||
@ -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 appearance(none);
|
||||||
@include border-radius($controlCr);
|
@include border-radius($controlCr);
|
||||||
@include box-sizing(border-box);
|
@include box-sizing(border-box);
|
||||||
@include box-shadow(inset rgba(black, 0.4) 0 1px 3px);
|
@include box-shadow(inset $shdw);
|
||||||
background: $bg;
|
background: $bg;
|
||||||
border: none;
|
border: none;
|
||||||
color: $fg;
|
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);
|
@include input-base($bg, $fg);
|
||||||
padding: 0 $interiorMarginSm;
|
padding: 0 $interiorMarginSm;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -112,7 +112,7 @@
|
|||||||
|
|
||||||
.selector-list {
|
.selector-list {
|
||||||
// Used in create overlay to display tree view
|
// Used in create overlay to display tree view
|
||||||
@include nice-input($colorInputBg, $colorInputFg);
|
@include nice-input();
|
||||||
$h: 150px;
|
$h: 150px;
|
||||||
//@include border-radius($basicCr);
|
//@include border-radius($basicCr);
|
||||||
//@include box-sizing(border-box);
|
//@include box-sizing(border-box);
|
||||||
@ -162,8 +162,9 @@ label.form-control.checkbox {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type="text"] {
|
input[type="text"],
|
||||||
@include nice-input($colorInputBg, $colorInputFg);
|
input[type="search"] {
|
||||||
|
@include nice-input();
|
||||||
&.filter {
|
&.filter {
|
||||||
&.ng-dirty {
|
&.ng-dirty {
|
||||||
// background: red;
|
// background: red;
|
||||||
|
|||||||
@ -21,13 +21,9 @@
|
|||||||
*****************************************************************************/
|
*****************************************************************************/
|
||||||
.filter,
|
.filter,
|
||||||
.t-filter {
|
.t-filter {
|
||||||
input.filter,
|
|
||||||
input.t-filter-input {
|
input.t-filter-input {
|
||||||
@include subdued-input();
|
//height: $formInputH;
|
||||||
}
|
//width: 200px;
|
||||||
input.t-filter-input {
|
|
||||||
height: $formInputH;
|
|
||||||
width: 200px;
|
|
||||||
&:not(.ng-dirty) {
|
&:not(.ng-dirty) {
|
||||||
// TO-DO: Update compass install to support this
|
// TO-DO: Update compass install to support this
|
||||||
// @include input-placeholder {
|
// @include input-placeholder {
|
||||||
@ -79,12 +75,6 @@
|
|||||||
// &:not(ng-dirty)
|
// &:not(ng-dirty)
|
||||||
}
|
}
|
||||||
|
|
||||||
.l-filter {
|
|
||||||
// Holds an input and a clear button
|
|
||||||
display:inline-block;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.top-bar {
|
.top-bar {
|
||||||
input.filter {
|
input.filter {
|
||||||
$h: $ueTopBarH;
|
$h: $ueTopBarH;
|
||||||
@ -100,4 +90,75 @@
|
|||||||
.icon-filter {
|
.icon-filter {
|
||||||
font-size: 1.4em;
|
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';
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@ -102,7 +102,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.object-browse-bar {
|
.object-browse-bar {
|
||||||
left: 45px !important;
|
margin-left: 45px;
|
||||||
.context-available {
|
.context-available {
|
||||||
opacity: 1 !important;
|
opacity: 1 !important;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -20,91 +20,33 @@
|
|||||||
* at runtime from the About dialog for additional information.
|
* 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 {
|
.holder-search {
|
||||||
|
// Moved a lot of stuff in here to _filter.scss
|
||||||
|
// to generalize approach to search input controls.
|
||||||
|
|
||||||
$iconWidth: 20px;
|
$iconWidth: 20px;
|
||||||
|
$textInputHeight: 19px;
|
||||||
|
$iconEdgeM: 4px;
|
||||||
|
$iconD: $treeSearchInputBarH - ($iconEdgeM*2);
|
||||||
|
|
||||||
.search-bar {
|
.search-bar {
|
||||||
$textInputHeight: 19px; // This is equal to the default value, 19px
|
|
||||||
$iconEdgeM: 4px;
|
|
||||||
$iconD: $treeSearchInputBarH - ($iconEdgeM*2);
|
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
max-width: 250px;
|
max-width: 250px;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
.search-input {
|
input[type="search"] {
|
||||||
height: $treeSearchInputBarH;
|
height: $treeSearchInputBarH;
|
||||||
line-height: $treeSearchInputBarH;
|
line-height: $treeSearchInputBarH;
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
padding-left: $iconD + $interiorMargin !important;
|
||||||
|
padding-right: ($iconD * 2) + ($interiorMargin * 2) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:before,
|
.clear-icon {
|
||||||
.clear-icon,
|
right: $iconD + $interiorMargin;
|
||||||
.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;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// 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 {
|
.menu-icon {
|
||||||
// 'v' invoke menu icon
|
// 'v' invoke menu icon
|
||||||
&:before { content: '\76'; }
|
&:before { content: '\76'; }
|
||||||
|
|||||||
@ -67,7 +67,6 @@
|
|||||||
right: $bodyMargin;
|
right: $bodyMargin;
|
||||||
bottom: $bodyMargin + $ueFooterH;
|
bottom: $bodyMargin + $ueFooterH;
|
||||||
.tool-bar {
|
.tool-bar {
|
||||||
border-bottom: 1px solid $colorInteriorBorder;
|
|
||||||
bottom: auto;
|
bottom: auto;
|
||||||
height: $tbH;
|
height: $tbH;
|
||||||
line-height: $btnToolbarH;
|
line-height: $btnToolbarH;
|
||||||
@ -78,7 +77,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// from _bottom-bar.scss
|
|
||||||
.ue-bottom-bar {
|
.ue-bottom-bar {
|
||||||
@include absPosDefault(0);// New status bar design
|
@include absPosDefault(0);// New status bar design
|
||||||
top: auto;
|
top: auto;
|
||||||
@ -209,12 +207,18 @@
|
|||||||
top: $bodyMargin;
|
top: $bodyMargin;
|
||||||
bottom: $bodyMargin;
|
bottom: $bodyMargin;
|
||||||
}
|
}
|
||||||
.holder-inspector-elements {
|
.holder-inspector {
|
||||||
top: $bodyMargin;
|
top: $bodyMargin;
|
||||||
bottom: $bodyMargin;
|
bottom: $bodyMargin;
|
||||||
left: $bodyMargin;
|
left: $bodyMargin;
|
||||||
right: $bodyMargin;
|
right: $bodyMargin;
|
||||||
}
|
}
|
||||||
|
.holder-elements {
|
||||||
|
top: 0;
|
||||||
|
bottom: $bodyMargin;
|
||||||
|
left: $bodyMargin;
|
||||||
|
right: $bodyMargin;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -225,7 +229,6 @@
|
|||||||
|
|
||||||
.l-object-wrapper {
|
.l-object-wrapper {
|
||||||
@extend .abs;
|
@extend .abs;
|
||||||
//top: $ueTopBarH + $interiorMarginLg;
|
|
||||||
|
|
||||||
.object-holder-main {
|
.object-holder-main {
|
||||||
@extend .abs;
|
@extend .abs;
|
||||||
@ -234,6 +237,7 @@
|
|||||||
&.active {
|
&.active {
|
||||||
@include pulseBorder($colorKey, 150ms, 8, 0.5s);
|
@include pulseBorder($colorKey, 150ms, 8, 0.5s);
|
||||||
@include border-radius($controlCr);
|
@include border-radius($controlCr);
|
||||||
|
background-color: $colorEditAreaBg;
|
||||||
border-color: $colorKey;
|
border-color: $colorKey;
|
||||||
border-width: 2px;
|
border-width: 2px;
|
||||||
border-style: dotted;
|
border-style: dotted;
|
||||||
@ -281,7 +285,6 @@
|
|||||||
/***************************************************** OBJECT BROWSE BAR */
|
/***************************************************** OBJECT BROWSE BAR */
|
||||||
.object-browse-bar {
|
.object-browse-bar {
|
||||||
// Converting to use flexbox layout
|
// Converting to use flexbox layout
|
||||||
//@include absPosDefault(0, visible); // Must use visible to avoid hiding view switcher menu
|
|
||||||
@include box-sizing(border-box);
|
@include box-sizing(border-box);
|
||||||
height: $ueTopBarH;
|
height: $ueTopBarH;
|
||||||
line-height: $ueTopBarH;
|
line-height: $ueTopBarH;
|
||||||
@ -295,9 +298,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// When the tree is hidden, these are the
|
// When the tree is hidden, these are the classes used for the left menu and the right representation.
|
||||||
// classes used for the left menu and the
|
|
||||||
// right representation.
|
|
||||||
.pane-tree-hidden {
|
.pane-tree-hidden {
|
||||||
// Sets the left tree menu when the tree is hidden.
|
// Sets the left tree menu when the tree is hidden.
|
||||||
.tree-holder,
|
.tree-holder,
|
||||||
@ -332,9 +333,6 @@
|
|||||||
|
|
||||||
.pane-inspect-hidden {
|
.pane-inspect-hidden {
|
||||||
.l-object-and-inspector {
|
.l-object-and-inspector {
|
||||||
.t-inspect {
|
|
||||||
z-index: 1 !important; // Move down so that primary pane elements are clickable
|
|
||||||
}
|
|
||||||
.l-inspect,
|
.l-inspect,
|
||||||
.splitter-inspect {
|
.splitter-inspect {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
|||||||
@ -20,15 +20,13 @@
|
|||||||
at runtime from the About dialog for additional information.
|
at runtime from the About dialog for additional information.
|
||||||
-->
|
-->
|
||||||
<!-- look at action-button for example -->
|
<!-- look at action-button for example -->
|
||||||
<span class="t-filter l-filter"
|
<span class="t-filter l-filter s-filter"
|
||||||
ng-controller="GetterSetterController">
|
ng-controller="GetterSetterController">
|
||||||
<input type="search"
|
<input type="search"
|
||||||
class="t-filter-input"
|
class="t-filter-input"
|
||||||
ng-model="getterSetter.value"
|
ng-model="getterSetter.value"/>
|
||||||
placeholder="Filter..."/>
|
<a class="clear-icon"
|
||||||
<a class="ui-symbol t-a-clear s-a-clear"
|
ng-class="{show: !(getterSetter.value === '' || getterSetter.value === undefined)}"
|
||||||
ng-show="getterSetter.value !== ''"
|
|
||||||
ng-click="getterSetter.value = ''">
|
ng-click="getterSetter.value = ''">
|
||||||
x
|
|
||||||
</a>
|
</a>
|
||||||
</span>
|
</span>
|
||||||
@ -19,45 +19,68 @@
|
|||||||
this source code distribution or the Licensing information page available
|
this source code distribution or the Licensing information page available
|
||||||
at runtime from the About dialog for additional information.
|
at runtime from the About dialog for additional information.
|
||||||
-->
|
-->
|
||||||
|
<!-- 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">
|
<span class="l-inspect" ng-controller="ObjectInspectorController as controller">
|
||||||
<div class="abs holder holder-inspector-elements l-flex-col">
|
<div ng-controller="PaneController as modelPaneEdit">
|
||||||
<div class="pane-header flex-elem">Inspection</div>
|
<mct-split-pane class='abs contents split-layout' anchor='bottom'>
|
||||||
<ul class="flex-elem grows vscroll">
|
<div class="split-pane-component pane top">
|
||||||
<li>
|
<div class="abs holder holder-inspector l-flex-col">
|
||||||
<em>Properties</em>
|
<div class="pane-header flex-elem">Inspection</div>
|
||||||
<div class="inspector-properties"
|
<ul class="flex-elem grows vscroll">
|
||||||
ng-repeat="data in metadata"
|
<li>
|
||||||
ng-class="{ first:$index === 0 }">
|
<em>Properties</em>
|
||||||
<div class="label">{{ data.name }}</div>
|
<div class="inspector-properties"
|
||||||
<div class="value">{{ data.value }}</div>
|
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>
|
</div>
|
||||||
</li>
|
</mct-split-pane>
|
||||||
<li ng-if="contextutalParents.length > 0">
|
</div><!--/ PaneController -->
|
||||||
<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>
|
|
||||||
</span>
|
</span>
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@ -6,6 +6,7 @@ $colorFooterBg: #000;
|
|||||||
$colorKey: #0099cc;
|
$colorKey: #0099cc;
|
||||||
$colorKeySelectedBg: #005177;
|
$colorKeySelectedBg: #005177;
|
||||||
$colorKeyFg: #fff;
|
$colorKeyFg: #fff;
|
||||||
|
$colorEditAreaBg: rgba(#1f4fa2, 0.1);
|
||||||
$colorInteriorBorder: rgba($colorBodyFg, 0.1);
|
$colorInteriorBorder: rgba($colorBodyFg, 0.1);
|
||||||
$colorA: #ccc;
|
$colorA: #ccc;
|
||||||
$colorAHov: #fff;
|
$colorAHov: #fff;
|
||||||
@ -69,8 +70,8 @@ $colorFormValid: #33cc33;
|
|||||||
$colorFormError: #cc0000;
|
$colorFormError: #cc0000;
|
||||||
$colorFormInvalid: #ff3300;
|
$colorFormInvalid: #ff3300;
|
||||||
$colorFormLines: rgba(#fff, 0.1);
|
$colorFormLines: rgba(#fff, 0.1);
|
||||||
$colorFormSectionHeader: rgba(#000, 0.2);
|
$colorFormSectionHeader: rgba(#fff, 0.1);
|
||||||
$colorInputBg: rgba(#fff, 0.1);
|
$colorInputBg: rgba(#000, 0.1);
|
||||||
$colorInputFg: pullForward($colorBodyFg, 20%);
|
$colorInputFg: pullForward($colorBodyFg, 20%);
|
||||||
$colorFormText: rgba(#fff, 0.5);
|
$colorFormText: rgba(#fff, 0.5);
|
||||||
$colorInputIcon: pushBack($colorBodyFg, 15%);
|
$colorInputIcon: pushBack($colorBodyFg, 15%);
|
||||||
@ -80,7 +81,7 @@ $colorInspectorBg: pullForward($colorBodyBg, 3%);
|
|||||||
$colorInspectorFg: $colorBodyFg;
|
$colorInspectorFg: $colorBodyFg;
|
||||||
$colorInspectorPropName: pushBack($colorBodyFg, 15%);
|
$colorInspectorPropName: pushBack($colorBodyFg, 15%);
|
||||||
$colorInspectorPropVal: pullForward($colorInspectorFg, 15%);
|
$colorInspectorPropVal: pullForward($colorInspectorFg, 15%);
|
||||||
$colorInspectorSectionHeaderBg: pullForward($colorInspectorBg, 5%);
|
$colorInspectorSectionHeaderBg: $colorFormSectionHeader;
|
||||||
$colorInspectorSectionHeaderFg: pullForward($colorInspectorBg, 40%);
|
$colorInspectorSectionHeaderFg: pullForward($colorInspectorBg, 40%);
|
||||||
|
|
||||||
// Status colors, mainly used for messaging and item ancillary symbols
|
// Status colors, mainly used for messaging and item ancillary symbols
|
||||||
@ -171,7 +172,7 @@ $scrollbarTrackShdw: rgba(#000, 0.7) 0 1px 5px;
|
|||||||
// Splitter
|
// Splitter
|
||||||
$splitterD: 25px; // splitterD and HandleD should both be odd, or even
|
$splitterD: 25px; // splitterD and HandleD should both be odd, or even
|
||||||
$splitterHandleD: 1px;
|
$splitterHandleD: 1px;
|
||||||
$colorSplitterBg: pullForward($colorBodyBg, 5%);
|
$colorSplitterBg: rgba(#fff, 0.1); //pullForward($colorBodyBg, 5%);
|
||||||
$splitterShdw: rgba(black, 0.4) 0 0 3px;
|
$splitterShdw: rgba(black, 0.4) 0 0 3px;
|
||||||
$splitterEndCr: none;
|
$splitterEndCr: none;
|
||||||
$colorSplitterHover: pullForward($colorBodyBg, 15%);
|
$colorSplitterHover: pullForward($colorBodyBg, 15%);
|
||||||
|
|||||||
@ -20,7 +20,7 @@
|
|||||||
* this source code distribution or the Licensing information page available
|
* this source code distribution or the Licensing information page available
|
||||||
* at runtime from the About dialog for additional information.
|
* at runtime from the About dialog for additional information.
|
||||||
*****************************************************************************/
|
*****************************************************************************/
|
||||||
/* line 5, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
/* line 5, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
||||||
html, body, div, span, applet, object, iframe,
|
html, body, div, span, applet, object, iframe,
|
||||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||||
a, abbr, acronym, address, big, cite, code,
|
a, abbr, acronym, address, big, cite, code,
|
||||||
@ -41,38 +41,38 @@ time, mark, audio, video {
|
|||||||
font-size: 100%;
|
font-size: 100%;
|
||||||
vertical-align: baseline; }
|
vertical-align: baseline; }
|
||||||
|
|
||||||
/* line 22, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
/* line 22, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
||||||
html {
|
html {
|
||||||
line-height: 1; }
|
line-height: 1; }
|
||||||
|
|
||||||
/* line 24, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
/* line 24, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
||||||
ol, ul {
|
ol, ul {
|
||||||
list-style: none; }
|
list-style: none; }
|
||||||
|
|
||||||
/* line 26, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
/* line 26, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
||||||
table {
|
table {
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
border-spacing: 0; }
|
border-spacing: 0; }
|
||||||
|
|
||||||
/* line 28, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
/* line 28, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
||||||
caption, th, td {
|
caption, th, td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
vertical-align: middle; }
|
vertical-align: middle; }
|
||||||
|
|
||||||
/* line 30, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
/* line 30, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
||||||
q, blockquote {
|
q, blockquote {
|
||||||
quotes: none; }
|
quotes: none; }
|
||||||
/* line 103, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
/* line 103, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
||||||
q:before, q:after, blockquote:before, blockquote:after {
|
q:before, q:after, blockquote:before, blockquote:after {
|
||||||
content: "";
|
content: "";
|
||||||
content: none; }
|
content: none; }
|
||||||
|
|
||||||
/* line 32, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
/* line 32, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
||||||
a img {
|
a img {
|
||||||
border: none; }
|
border: none; }
|
||||||
|
|
||||||
/* line 116, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
/* line 116, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
||||||
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
|
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
|
||||||
display: block; }
|
display: block; }
|
||||||
|
|
||||||
@ -1432,18 +1432,21 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
|
|||||||
/* line 24, ../../../../general/res/sass/_inspector.scss */
|
/* line 24, ../../../../general/res/sass/_inspector.scss */
|
||||||
.l-inspect,
|
.l-inspect,
|
||||||
.l-inspect table tr td {
|
.l-inspect table tr td {
|
||||||
font-size: 0.7rem; }
|
font-size: 0.75rem; }
|
||||||
|
|
||||||
/* line 29, ../../../../general/res/sass/_inspector.scss */
|
/* line 29, ../../../../general/res/sass/_inspector.scss */
|
||||||
.l-inspect {
|
.l-inspect {
|
||||||
background: #efefef;
|
background: #efefef;
|
||||||
color: #666;
|
color: #666;
|
||||||
line-height: 140%; }
|
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 {
|
.l-inspect .pane-header {
|
||||||
color: #999999;
|
color: #999999;
|
||||||
font-size: 0.8rem; }
|
font-size: 0.8rem; }
|
||||||
/* line 37, ../../../../general/res/sass/_inspector.scss */
|
/* line 40, ../../../../general/res/sass/_inspector.scss */
|
||||||
.l-inspect .pane-header:before {
|
.l-inspect .pane-header:before {
|
||||||
color: gray;
|
color: gray;
|
||||||
content: '\e615';
|
content: '\e615';
|
||||||
@ -1451,21 +1454,26 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
|
|||||||
font-family: symbolsfont;
|
font-family: symbolsfont;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
vertical-align: bottom; }
|
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 {
|
.l-inspect ul {
|
||||||
-moz-box-sizing: border-box;
|
-moz-box-sizing: border-box;
|
||||||
-webkit-box-sizing: border-box;
|
-webkit-box-sizing: border-box;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding-right: 5px; }
|
padding-right: 5px; }
|
||||||
/* line 52, ../../../../general/res/sass/_inspector.scss */
|
/* line 65, ../../../../general/res/sass/_inspector.scss */
|
||||||
.l-inspect ul li,
|
.l-inspect ul li,
|
||||||
.l-inspect em {
|
.l-inspect em {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative; }
|
position: relative; }
|
||||||
/* line 58, ../../../../general/res/sass/_inspector.scss */
|
/* line 71, ../../../../general/res/sass/_inspector.scss */
|
||||||
.l-inspect ul li {
|
.l-inspect ul li {
|
||||||
margin-bottom: 10px; }
|
margin-bottom: 10px; }
|
||||||
/* line 62, ../../../../general/res/sass/_inspector.scss */
|
/* line 75, ../../../../general/res/sass/_inspector.scss */
|
||||||
.l-inspect em {
|
.l-inspect em {
|
||||||
-moz-border-radius: 4px;
|
-moz-border-radius: 4px;
|
||||||
-webkit-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;
|
margin-bottom: 5px;
|
||||||
padding: 5px 5px;
|
padding: 5px 5px;
|
||||||
text-transform: uppercase; }
|
text-transform: uppercase; }
|
||||||
/* line 71, ../../../../general/res/sass/_inspector.scss */
|
/* line 84, ../../../../general/res/sass/_inspector.scss */
|
||||||
.l-inspect .inspector-properties {
|
.l-inspect .inspector-properties {
|
||||||
padding: 3px 0; }
|
padding: 3px 0; }
|
||||||
/* line 72, ../../../../general/res/sass/_inspector.scss */
|
/* line 85, ../../../../general/res/sass/_inspector.scss */
|
||||||
.l-inspect .inspector-properties:not(.first) {
|
.l-inspect .inspector-properties:not(.first) {
|
||||||
border-top: 1px solid #e3e3e3; }
|
border-top: 1px solid #e3e3e3; }
|
||||||
/* line 76, ../../../../general/res/sass/_inspector.scss */
|
/* line 89, ../../../../general/res/sass/_inspector.scss */
|
||||||
.l-inspect .inspector-properties .label {
|
.l-inspect .inspector-properties .label {
|
||||||
color: #999999;
|
color: #999999;
|
||||||
text-transform: uppercase; }
|
text-transform: uppercase; }
|
||||||
/* line 80, ../../../../general/res/sass/_inspector.scss */
|
/* line 93, ../../../../general/res/sass/_inspector.scss */
|
||||||
.l-inspect .inspector-properties .value {
|
.l-inspect .inspector-properties .value {
|
||||||
color: #404040;
|
color: #404040;
|
||||||
word-break: break-all; }
|
word-break: break-all; }
|
||||||
/* line 88, ../../../../general/res/sass/_inspector.scss */
|
/* line 101, ../../../../general/res/sass/_inspector.scss */
|
||||||
.l-inspect .inspector-location .location-item {
|
.l-inspect .inspector-location .location-item {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: 2px 4px; }
|
padding: 2px 4px; }
|
||||||
/* line 93, ../../../../general/res/sass/_inspector.scss */
|
/* line 106, ../../../../general/res/sass/_inspector.scss */
|
||||||
.l-inspect .inspector-location .location-item:hover {
|
.l-inspect .inspector-location .location-item:hover {
|
||||||
background: rgba(102, 102, 102, 0.1);
|
background: rgba(102, 102, 102, 0.1);
|
||||||
color: #333333; }
|
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 {
|
.l-inspect .inspector-location .location-item:hover .icon, .l-inspect .inspector-location .location-item:hover .t-item-icon {
|
||||||
color: #0099cc; }
|
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 {
|
.l-inspect .inspector-location:not(.last) .t-object-label .t-title-label:after {
|
||||||
color: #8c8c8c;
|
color: #8c8c8c;
|
||||||
content: '\3e';
|
content: '\3e';
|
||||||
@ -1512,6 +1520,19 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
|
|||||||
line-height: inherit;
|
line-height: inherit;
|
||||||
margin-left: 3px;
|
margin-left: 3px;
|
||||||
width: 4px; }
|
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 */
|
/********************************* CONTROLS */
|
||||||
/* line 1, ../../../../general/res/sass/controls/_breadcrumb.scss */
|
/* line 1, ../../../../general/res/sass/controls/_breadcrumb.scss */
|
||||||
@ -3760,9 +3781,9 @@ mct-include.l-time-controller {
|
|||||||
-moz-box-sizing: border-box;
|
-moz-box-sizing: border-box;
|
||||||
-webkit-box-sizing: border-box;
|
-webkit-box-sizing: border-box;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
-moz-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.4) 0 1px 3px;
|
-webkit-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px;
|
||||||
box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
|
box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border: none;
|
border: none;
|
||||||
color: #666;
|
color: #666;
|
||||||
@ -3810,7 +3831,8 @@ label.form-control.checkbox input {
|
|||||||
padding: 5px; }
|
padding: 5px; }
|
||||||
|
|
||||||
/* line 165, ../../../../general/res/sass/forms/_elems.scss */
|
/* line 165, ../../../../general/res/sass/forms/_elems.scss */
|
||||||
input[type="text"] {
|
input[type="text"],
|
||||||
|
input[type="search"] {
|
||||||
-moz-appearance: none;
|
-moz-appearance: none;
|
||||||
-webkit-appearance: none;
|
-webkit-appearance: none;
|
||||||
-moz-border-radius: 4px;
|
-moz-border-radius: 4px;
|
||||||
@ -3819,22 +3841,24 @@ input[type="text"] {
|
|||||||
-moz-box-sizing: border-box;
|
-moz-box-sizing: border-box;
|
||||||
-webkit-box-sizing: border-box;
|
-webkit-box-sizing: border-box;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
-moz-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.4) 0 1px 3px;
|
-webkit-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px;
|
||||||
box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
|
box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border: none;
|
border: none;
|
||||||
color: #666;
|
color: #666;
|
||||||
outline: none;
|
outline: none;
|
||||||
padding: 0 3px; }
|
padding: 0 3px; }
|
||||||
/* line 327, ../../../../general/res/sass/_mixins.scss */
|
/* 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); }
|
background: rgba(255, 0, 0, 0.5); }
|
||||||
/* line 172, ../../../../general/res/sass/forms/_elems.scss */
|
/* line 173, ../../../../general/res/sass/forms/_elems.scss */
|
||||||
input[type="text"].numeric {
|
input[type="text"].numeric,
|
||||||
|
input[type="search"].numeric {
|
||||||
text-align: right; }
|
text-align: right; }
|
||||||
|
|
||||||
/* line 177, ../../../../general/res/sass/forms/_elems.scss */
|
/* line 178, ../../../../general/res/sass/forms/_elems.scss */
|
||||||
textarea {
|
textarea {
|
||||||
-moz-appearance: none;
|
-moz-appearance: none;
|
||||||
-webkit-appearance: none;
|
-webkit-appearance: none;
|
||||||
@ -3844,9 +3868,9 @@ textarea {
|
|||||||
-moz-box-sizing: border-box;
|
-moz-box-sizing: border-box;
|
||||||
-webkit-box-sizing: border-box;
|
-webkit-box-sizing: border-box;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
-moz-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.4) 0 1px 3px;
|
-webkit-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px;
|
||||||
box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
|
box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border: none;
|
border: none;
|
||||||
color: #666;
|
color: #666;
|
||||||
@ -3972,9 +3996,9 @@ textarea {
|
|||||||
-moz-box-sizing: border-box;
|
-moz-box-sizing: border-box;
|
||||||
-webkit-box-sizing: border-box;
|
-webkit-box-sizing: border-box;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
-moz-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.4) 0 1px 3px;
|
-webkit-box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px;
|
||||||
box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;
|
box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px;
|
||||||
background: #fcfcfc;
|
background: #fcfcfc;
|
||||||
border: none;
|
border: none;
|
||||||
color: #666;
|
color: #666;
|
||||||
@ -4129,45 +4153,11 @@ span.req {
|
|||||||
* this source code distribution or the Licensing information page available
|
* this source code distribution or the Licensing information page available
|
||||||
* at runtime from the About dialog for additional information.
|
* at runtime from the About dialog for additional information.
|
||||||
*****************************************************************************/
|
*****************************************************************************/
|
||||||
/* line 24, ../../../../general/res/sass/forms/_filter.scss */
|
/* line 34, ../../../../general/res/sass/forms/_filter.scss */
|
||||||
.filter input.filter,
|
.filter input.t-filter-input:not(.ng-dirty) + .t-a-clear,
|
||||||
.filter input.t-filter-input,
|
.t-filter input.t-filter-input:not(.ng-dirty) + .t-a-clear {
|
||||||
.t-filter input.filter,
|
display: none; }
|
||||||
.t-filter input.t-filter-input {
|
/* line 38, ../../../../general/res/sass/forms/_filter.scss */
|
||||||
-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 */
|
|
||||||
.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 .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 .icon.ui-symbol,
|
||||||
.t-filter .t-item-icon,
|
.t-filter .t-item-icon,
|
||||||
@ -4186,7 +4176,7 @@ span.req {
|
|||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
padding: 0px 5px;
|
padding: 0px 5px;
|
||||||
vertical-align: middle; }
|
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,
|
.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 .icon.ui-symbol:hover,
|
||||||
.t-filter .t-item-icon: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,
|
.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 {
|
||||||
background: rgba(255, 255, 255, 0.1); }
|
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,
|
.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.ui-symbol,
|
||||||
.t-filter .s-a-clear.t-item-icon,
|
.t-filter .s-a-clear.t-item-icon,
|
||||||
@ -4226,7 +4216,7 @@ span.req {
|
|||||||
top: 50%;
|
top: 50%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
z-index: 5; }
|
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,
|
.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.ui-symbol:hover,
|
||||||
.t-filter .s-a-clear.t-item-icon:hover,
|
.t-filter .s-a-clear.t-item-icon:hover,
|
||||||
@ -4237,12 +4227,7 @@ span.req {
|
|||||||
opacity: 0.6;
|
opacity: 0.6;
|
||||||
background-color: #0099cc; }
|
background-color: #0099cc; }
|
||||||
|
|
||||||
/* line 82, ../../../../general/res/sass/forms/_filter.scss */
|
/* line 79, ../../../../general/res/sass/forms/_filter.scss */
|
||||||
.l-filter {
|
|
||||||
display: inline-block;
|
|
||||||
position: relative; }
|
|
||||||
|
|
||||||
/* line 89, ../../../../general/res/sass/forms/_filter.scss */
|
|
||||||
.top-bar input.filter {
|
.top-bar input.filter {
|
||||||
font-size: .9em;
|
font-size: .9em;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
@ -4251,10 +4236,114 @@ span.req {
|
|||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
padding-right: 10px;
|
padding-right: 10px;
|
||||||
vertical-align: top; }
|
vertical-align: top; }
|
||||||
/* line 100, ../../../../general/res/sass/forms/_filter.scss */
|
/* line 90, ../../../../general/res/sass/forms/_filter.scss */
|
||||||
.top-bar .icon-filter {
|
.top-bar .icon-filter {
|
||||||
font-size: 1.4em; }
|
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 */
|
/********************************* USER ENVIRON */
|
||||||
/*****************************************************************************
|
/*****************************************************************************
|
||||||
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||||
@ -4323,15 +4412,14 @@ span.req {
|
|||||||
bottom: 35px; }
|
bottom: 35px; }
|
||||||
/* line 69, ../../../../general/res/sass/user-environ/_layout.scss */
|
/* line 69, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||||
.user-environ .edit-area .tool-bar {
|
.user-environ .edit-area .tool-bar {
|
||||||
border-bottom: 1px solid rgba(102, 102, 102, 0.2);
|
|
||||||
bottom: auto;
|
bottom: auto;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
line-height: 25px; }
|
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 {
|
.user-environ .edit-area .object-holder.work-area {
|
||||||
top: 40px;
|
top: 40px;
|
||||||
overflow: auto; }
|
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 {
|
.user-environ .ue-bottom-bar {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -4347,7 +4435,7 @@ span.req {
|
|||||||
background: #000;
|
background: #000;
|
||||||
color: white;
|
color: white;
|
||||||
font-size: .7rem; }
|
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 {
|
.user-environ .ue-bottom-bar .status-holder {
|
||||||
-moz-box-sizing: border-box;
|
-moz-box-sizing: border-box;
|
||||||
-webkit-box-sizing: border-box;
|
-webkit-box-sizing: border-box;
|
||||||
@ -4366,7 +4454,7 @@ span.req {
|
|||||||
right: 120px;
|
right: 120px;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
z-index: 1; }
|
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 {
|
.user-environ .ue-bottom-bar .app-logo {
|
||||||
-moz-box-sizing: border-box;
|
-moz-box-sizing: border-box;
|
||||||
-webkit-box-sizing: border-box;
|
-webkit-box-sizing: border-box;
|
||||||
@ -4383,68 +4471,68 @@ span.req {
|
|||||||
left: auto;
|
left: auto;
|
||||||
width: 105px;
|
width: 105px;
|
||||||
z-index: 2; }
|
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 {
|
.user-environ .ue-bottom-bar .app-logo.logo-openmctweb {
|
||||||
background: url("../../../../general/res/images/logo-openmctweb.svg") no-repeat center center; }
|
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 {
|
.edit-mode .split-layout .split-pane-component.pane.right {
|
||||||
width: 15%; }
|
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 {
|
.edit-mode .split-layout .split-pane-component.pane.right .pane.bottom {
|
||||||
min-height: 50px;
|
min-height: 50px;
|
||||||
height: 30%; }
|
height: 30%; }
|
||||||
|
|
||||||
/* line 124, ../../../../general/res/sass/user-environ/_layout.scss */
|
/* line 122, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||||
.pane {
|
.pane {
|
||||||
-moz-box-sizing: border-box;
|
-moz-box-sizing: border-box;
|
||||||
-webkit-box-sizing: border-box;
|
-webkit-box-sizing: border-box;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
position: absolute; }
|
position: absolute; }
|
||||||
/* line 128, ../../../../general/res/sass/user-environ/_layout.scss */
|
/* line 126, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||||
.pane .pane-header {
|
.pane .pane-header {
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
line-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 {
|
.pane .primary-pane {
|
||||||
z-index: 2; }
|
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 {
|
.pane .mini-tab-icon.toggle-pane {
|
||||||
z-index: 5; }
|
z-index: 5; }
|
||||||
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
|
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
|
||||||
/* line 139, ../../../../general/res/sass/user-environ/_layout.scss */
|
/* line 137, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||||
.pane .mini-tab-icon.toggle-pane {
|
.pane .mini-tab-icon.toggle-pane {
|
||||||
top: 10px;
|
top: 10px;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
line-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 {
|
.pane .mini-tab-icon.toggle-pane:after {
|
||||||
opacity: 0; }
|
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 {
|
.pane .mini-tab-icon.toggle-pane.collapsed:before {
|
||||||
opacity: 0; }
|
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 {
|
.pane .mini-tab-icon.toggle-pane.collapsed:after {
|
||||||
opacity: 1; }
|
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 {
|
.pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left {
|
||||||
left: 0;
|
left: 0;
|
||||||
-moz-transform: translateX(-33px);
|
-moz-transform: translateX(-33px);
|
||||||
-ms-transform: translateX(-33px);
|
-ms-transform: translateX(-33px);
|
||||||
-webkit-transform: translateX(-33px);
|
-webkit-transform: translateX(-33px);
|
||||||
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 {
|
.pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:after {
|
||||||
content: '\6d'; }
|
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 {
|
.pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left.collapsed {
|
||||||
left: 0;
|
left: 0;
|
||||||
-moz-transform: translateX(-17px);
|
-moz-transform: translateX(-17px);
|
||||||
-ms-transform: translateX(-17px);
|
-ms-transform: translateX(-17px);
|
||||||
-webkit-transform: translateX(-17px);
|
-webkit-transform: translateX(-17px);
|
||||||
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 {
|
.pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:not(.collapsed):before {
|
||||||
-moz-transition-property: opacity;
|
-moz-transition-property: opacity;
|
||||||
-o-transition-property: opacity;
|
-o-transition-property: opacity;
|
||||||
@ -4462,16 +4550,16 @@ span.req {
|
|||||||
-o-transition-delay: 200ms;
|
-o-transition-delay: 200ms;
|
||||||
-webkit-transition-delay: 200ms;
|
-webkit-transition-delay: 200ms;
|
||||||
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 {
|
.pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right {
|
||||||
right: 10px; }
|
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 {
|
.pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right:after {
|
||||||
content: '\e615'; }
|
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 {
|
.pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right.collapsed {
|
||||||
right: 5px; } }
|
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 .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,
|
.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,
|
.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 {
|
.l-object-wrapper .pane.items .object-browse-bar .right.object-holder-main {
|
||||||
top: auto; }
|
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 {
|
.split-layout .holder.holder-treeview-elements {
|
||||||
top: 10px;
|
top: 10px;
|
||||||
right: 0;
|
right: 0;
|
||||||
bottom: 10px;
|
bottom: 10px;
|
||||||
left: 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 {
|
.split-layout .holder.holder-object-and-inspector {
|
||||||
top: 0;
|
top: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 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 {
|
.split-layout .holder.holder-object-and-inspector .holder-object {
|
||||||
top: 10px;
|
top: 10px;
|
||||||
bottom: 10px; }
|
bottom: 10px; }
|
||||||
/* line 212, ../../../../general/res/sass/user-environ/_layout.scss */
|
/* line 210, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||||
.split-layout .holder.holder-object-and-inspector .holder-inspector-elements {
|
.split-layout .holder.holder-object-and-inspector .holder-inspector {
|
||||||
top: 10px;
|
top: 10px;
|
||||||
bottom: 10px;
|
bottom: 10px;
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 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 {
|
.object-holder {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -4523,7 +4617,7 @@ span.req {
|
|||||||
height: auto;
|
height: auto;
|
||||||
top: 34px; }
|
top: 34px; }
|
||||||
|
|
||||||
/* line 234, ../../../../general/res/sass/user-environ/_layout.scss */
|
/* line 237, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||||
.l-object-wrapper.active {
|
.l-object-wrapper.active {
|
||||||
-moz-animation-name: pulseBorder;
|
-moz-animation-name: pulseBorder;
|
||||||
-webkit-animation-name: pulseBorder;
|
-webkit-animation-name: pulseBorder;
|
||||||
@ -4546,6 +4640,7 @@ span.req {
|
|||||||
-moz-border-radius: 4px;
|
-moz-border-radius: 4px;
|
||||||
-webkit-border-radius: 4px;
|
-webkit-border-radius: 4px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
background-color: rgba(0, 153, 204, 0.075);
|
||||||
border-color: #0099cc;
|
border-color: #0099cc;
|
||||||
border-width: 2px;
|
border-width: 2px;
|
||||||
border-style: dotted; }
|
border-style: dotted; }
|
||||||
@ -4564,7 +4659,7 @@ span.req {
|
|||||||
border-color: transparent; }
|
border-color: transparent; }
|
||||||
100% {
|
100% {
|
||||||
border-color: #0099cc; } }
|
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 {
|
.l-object-wrapper.active .l-object-wrapper-inner {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -4575,7 +4670,7 @@ span.req {
|
|||||||
width: auto;
|
width: auto;
|
||||||
height: 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 {
|
.l-object-wrapper-inner {
|
||||||
-moz-transition-property: height, width, top, right, bottom, left, opacity;
|
-moz-transition-property: height, width, top, right, bottom, left, opacity;
|
||||||
-o-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;
|
-webkit-transition-timing-function: ease-in-out;
|
||||||
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 {
|
.l-edit-controls {
|
||||||
-moz-transition-property: height, width, top, right, bottom, left, opacity;
|
-moz-transition-property: height, width, top, right, bottom, left, opacity;
|
||||||
-o-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;
|
height: 0;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
overflow: hidden; }
|
overflow: hidden; }
|
||||||
/* line 255, ../../../../general/res/sass/user-environ/_layout.scss */
|
/* line 259, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||||
.l-edit-controls.active {
|
.l-edit-controls.active {
|
||||||
border-bottom: 1px solid rgba(102, 102, 102, 0.2);
|
border-bottom: 1px solid rgba(102, 102, 102, 0.2);
|
||||||
height: 30px;
|
height: 30px;
|
||||||
line-height: 25px;
|
line-height: 25px;
|
||||||
opacity: 1; }
|
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,
|
.object-browse-bar .s-btn, .object-browse-bar .s-menu-btn,
|
||||||
.top-bar .buttons-main .s-btn,
|
.top-bar .buttons-main .s-btn,
|
||||||
.top-bar .buttons-main .s-menu-btn,
|
.top-bar .buttons-main .s-menu-btn,
|
||||||
@ -4626,13 +4721,13 @@ span.req {
|
|||||||
line-height: 25px;
|
line-height: 25px;
|
||||||
vertical-align: top; }
|
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,
|
.object-browse-bar .view-switcher,
|
||||||
.top-bar .view-switcher {
|
.top-bar .view-switcher {
|
||||||
margin-right: 20px; }
|
margin-right: 20px; }
|
||||||
|
|
||||||
/***************************************************** OBJECT BROWSE BAR */
|
/***************************************************** OBJECT BROWSE BAR */
|
||||||
/* line 282, ../../../../general/res/sass/user-environ/_layout.scss */
|
/* line 286, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||||
.object-browse-bar {
|
.object-browse-bar {
|
||||||
-moz-box-sizing: border-box;
|
-moz-box-sizing: border-box;
|
||||||
-webkit-box-sizing: border-box;
|
-webkit-box-sizing: border-box;
|
||||||
@ -4640,20 +4735,20 @@ span.req {
|
|||||||
height: 24px;
|
height: 24px;
|
||||||
line-height: 24px;
|
line-height: 24px;
|
||||||
white-space: nowrap; }
|
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 {
|
.object-browse-bar .left {
|
||||||
padding-right: 10px; }
|
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 {
|
.object-browse-bar .left .l-back {
|
||||||
margin-right: 10px; }
|
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 .tree-holder,
|
||||||
.pane-tree-hidden .splitter-treeview,
|
.pane-tree-hidden .splitter-treeview,
|
||||||
.pane-tree-hidden .holder-treeview-elements {
|
.pane-tree-hidden .holder-treeview-elements {
|
||||||
opacity: 0; }
|
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 .tree-holder,
|
||||||
.pane-tree-showing .splitter-treeview {
|
.pane-tree-showing .splitter-treeview {
|
||||||
-moz-transition-property: opacity;
|
-moz-transition-property: opacity;
|
||||||
@ -4673,7 +4768,7 @@ span.req {
|
|||||||
-webkit-transition-delay: 250ms;
|
-webkit-transition-delay: 250ms;
|
||||||
transition-delay: 250ms;
|
transition-delay: 250ms;
|
||||||
opacity: 1; }
|
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 {
|
.pane-tree-showing .holder-treeview-elements {
|
||||||
-moz-transition-property: opacity;
|
-moz-transition-property: opacity;
|
||||||
-o-transition-property: opacity;
|
-o-transition-property: opacity;
|
||||||
@ -4692,7 +4787,7 @@ span.req {
|
|||||||
-webkit-transition-delay: 200ms;
|
-webkit-transition-delay: 200ms;
|
||||||
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 .l-inspect,
|
||||||
.pane-inspect-showing .l-object-and-inspector .splitter-inspect {
|
.pane-inspect-showing .l-object-and-inspector .splitter-inspect {
|
||||||
-moz-transition-property: opacity;
|
-moz-transition-property: opacity;
|
||||||
@ -4713,44 +4808,41 @@ span.req {
|
|||||||
transition-delay: 250ms;
|
transition-delay: 250ms;
|
||||||
opacity: 1; }
|
opacity: 1; }
|
||||||
|
|
||||||
/* line 335, ../../../../general/res/sass/user-environ/_layout.scss */
|
/* line 336, ../../../../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 */
|
|
||||||
.pane-inspect-hidden .l-object-and-inspector .l-inspect,
|
.pane-inspect-hidden .l-object-and-inspector .l-inspect,
|
||||||
.pane-inspect-hidden .l-object-and-inspector .splitter-inspect {
|
.pane-inspect-hidden .l-object-and-inspector .splitter-inspect {
|
||||||
opacity: 0; }
|
opacity: 0; }
|
||||||
|
|
||||||
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
|
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
|
||||||
/* line 346, ../../../../general/res/sass/user-environ/_layout.scss */
|
/* line 344, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||||
.holder-all {
|
.holder-all {
|
||||||
min-width: 600px; }
|
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 {
|
.split-layout .split-pane-component.pane.treeview.left {
|
||||||
min-width: 150px;
|
min-width: 150px;
|
||||||
max-width: 35%;
|
max-width: 35%;
|
||||||
width: 25%; }
|
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 {
|
.split-layout .split-pane-component.pane.t-inspect.right {
|
||||||
min-width: 200px;
|
min-width: 200px;
|
||||||
max-width: 35%;
|
max-width: 35%;
|
||||||
width: 20%;
|
width: 20%;
|
||||||
z-index: 3; }
|
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 {
|
.pane.treeview.left .tree-holder {
|
||||||
padding-right: 5px; }
|
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 {
|
.pane-tree-hidden .pane.right.primary-pane {
|
||||||
left: 22px !important; }
|
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 {
|
.pane-inspect-hidden .l-object-and-inspector .pane.left {
|
||||||
right: 22px !important; }
|
right: 22px !important; }
|
||||||
|
|
||||||
/* line 373, ../../../../general/res/sass/user-environ/_layout.scss */
|
/* line 371, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||||
.pane:not(.resizing) {
|
.pane:not(.resizing) {
|
||||||
-moz-transition-property: width, left, right;
|
-moz-transition-property: width, left, right;
|
||||||
-o-transition-property: width, left, right;
|
-o-transition-property: width, left, right;
|
||||||
@ -4769,7 +4861,7 @@ span.req {
|
|||||||
-webkit-transition-delay: 0;
|
-webkit-transition-delay: 0;
|
||||||
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 {
|
.pane.primary-pane .object-browse-bar {
|
||||||
min-width: 200px; } }
|
min-width: 200px; } }
|
||||||
/*****************************************************************************
|
/*****************************************************************************
|
||||||
@ -4901,7 +4993,7 @@ span.req {
|
|||||||
|
|
||||||
/* line 104, ../../../../general/res/sass/mobile/_layout.scss */
|
/* line 104, ../../../../general/res/sass/mobile/_layout.scss */
|
||||||
.object-browse-bar {
|
.object-browse-bar {
|
||||||
left: 45px !important; }
|
margin-left: 45px; }
|
||||||
/* line 106, ../../../../general/res/sass/mobile/_layout.scss */
|
/* line 106, ../../../../general/res/sass/mobile/_layout.scss */
|
||||||
.object-browse-bar .context-available {
|
.object-browse-bar .context-available {
|
||||||
opacity: 1 !important; }
|
opacity: 1 !important; }
|
||||||
@ -5127,120 +5219,41 @@ span.req {
|
|||||||
* this source code distribution or the Licensing information page available
|
* this source code distribution or the Licensing information page available
|
||||||
* at runtime from the About dialog for additional information.
|
* at runtime from the About dialog for additional information.
|
||||||
*****************************************************************************/
|
*****************************************************************************/
|
||||||
/* line 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 */
|
/* 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 {
|
.holder-search .search-bar {
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
max-width: 250px;
|
max-width: 250px;
|
||||||
position: relative; }
|
position: relative; }
|
||||||
/* line 48, ../../../../general/res/sass/search/_search.scss */
|
/* line 37, ../../../../general/res/sass/search/_search.scss */
|
||||||
.holder-search .search-bar .search-input {
|
.holder-search .search-bar input[type="search"] {
|
||||||
height: 25px;
|
height: 25px;
|
||||||
line-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 {
|
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding-left: 22px !important;
|
padding-left: 22px !important;
|
||||||
padding-right: 44px !important; }
|
padding-right: 44px !important; }
|
||||||
/* line 73, ../../../../general/res/sass/search/_search.scss */
|
/* line 46, ../../../../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 */
|
|
||||||
.holder-search .search-bar .clear-icon {
|
.holder-search .search-bar .clear-icon {
|
||||||
right: 22px;
|
right: 22px; }
|
||||||
visibility: hidden;
|
/* line 50, ../../../../general/res/sass/search/_search.scss */
|
||||||
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 */
|
|
||||||
.holder-search .search-bar .menu-icon {
|
.holder-search .search-bar .menu-icon {
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
padding-right: 4px;
|
padding-right: 4px;
|
||||||
right: 4px;
|
right: 4px;
|
||||||
text-align: right; }
|
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 {
|
.holder-search .search-bar .menu-icon:before {
|
||||||
content: '\76'; }
|
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 {
|
.holder-search .search-bar .menu-icon:hover {
|
||||||
color: #8c8c8c; }
|
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 {
|
.holder-search .search-bar .search-menu-holder {
|
||||||
float: right;
|
float: right;
|
||||||
left: -20px;
|
left: -20px;
|
||||||
z-index: 70;
|
z-index: 70;
|
||||||
transition: visibility .05s, opacity .05s; }
|
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 {
|
.holder-search .active-filter-display {
|
||||||
-moz-box-sizing: border-box;
|
-moz-box-sizing: border-box;
|
||||||
-webkit-box-sizing: border-box;
|
-webkit-box-sizing: border-box;
|
||||||
@ -5248,7 +5261,7 @@ span.req {
|
|||||||
line-height: 130%;
|
line-height: 130%;
|
||||||
padding-left: 1.4625em;
|
padding-left: 1.4625em;
|
||||||
font-size: 0.65em; }
|
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 {
|
.holder-search .active-filter-display .clear-filters-icon {
|
||||||
color: #a6a6a6;
|
color: #a6a6a6;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
@ -5256,7 +5269,7 @@ span.req {
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
left: 1px;
|
left: 1px;
|
||||||
cursor: pointer; }
|
cursor: pointer; }
|
||||||
/* line 147, ../../../../general/res/sass/search/_search.scss */
|
/* line 89, ../../../../general/res/sass/search/_search.scss */
|
||||||
.holder-search .search-results {
|
.holder-search .search-results {
|
||||||
-moz-transition-property: opacity, visibility;
|
-moz-transition-property: opacity, visibility;
|
||||||
-o-transition-property: opacity, visibility;
|
-o-transition-property: opacity, visibility;
|
||||||
@ -5276,16 +5289,16 @@ span.req {
|
|||||||
transition-delay: 0;
|
transition-delay: 0;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
padding-right: 5px; }
|
padding-right: 5px; }
|
||||||
/* line 151, ../../../../general/res/sass/search/_search.scss */
|
/* line 93, ../../../../general/res/sass/search/_search.scss */
|
||||||
.holder-search .search-results .hint {
|
.holder-search .search-results .hint {
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
font-size: 0.65em;
|
font-size: 0.65em;
|
||||||
opacity: 0.6; }
|
opacity: 0.6; }
|
||||||
/* line 156, ../../../../general/res/sass/search/_search.scss */
|
/* line 98, ../../../../general/res/sass/search/_search.scss */
|
||||||
.holder-search .search-results.active {
|
.holder-search .search-results.active {
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
opacity: 1; }
|
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 {
|
.holder-search .search-results .load-more-button {
|
||||||
-moz-transform: translateX(-50%);
|
-moz-transform: translateX(-50%);
|
||||||
-ms-transform: translateX(-50%);
|
-ms-transform: translateX(-50%);
|
||||||
|
|||||||
@ -6,6 +6,7 @@ $colorFooterBg: #000;
|
|||||||
$colorKey: #0099cc;
|
$colorKey: #0099cc;
|
||||||
$colorKeySelectedBg: $colorKey;
|
$colorKeySelectedBg: $colorKey;
|
||||||
$colorKeyFg: #fff;
|
$colorKeyFg: #fff;
|
||||||
|
$colorEditAreaBg: rgba($colorKey, 0.075);
|
||||||
$colorInteriorBorder: rgba($colorBodyFg, 0.2);
|
$colorInteriorBorder: rgba($colorBodyFg, 0.2);
|
||||||
$colorA: #999;
|
$colorA: #999;
|
||||||
$colorAHov: $colorKey;
|
$colorAHov: $colorKey;
|
||||||
|
|||||||
@ -20,9 +20,8 @@
|
|||||||
at runtime from the About dialog for additional information.
|
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="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">
|
<div class="search-bar search-input l-filter s-filter flex-elem" ng-controller="ClickAwayController as toggle">
|
||||||
<input class="search-input"
|
<input type="search"
|
||||||
type="text"
|
|
||||||
ng-model="ngModel.input"
|
ng-model="ngModel.input"
|
||||||
ng-keyup="controller.search()" />
|
ng-keyup="controller.search()" />
|
||||||
<a class="clear-icon"
|
<a class="clear-icon"
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user