ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-05-02 16:53:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[Frontend] Fixed CSS issue with Timeline label elements

Browse Source 
open #659
CSS for .rep-object-label modified; Added CSS class
to tabular-swimlane-cols-tree.html markup;
Also cleaned up .s-status-pending styles for related
label elements;
This commit is contained in:
Charles Hacskaylo 2016-02-10 16:38:39 -08:00
parent 5daf2f54cd
commit ceee7e0da9
7 changed files with 137 additions and 213 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
platform/commonUI/general/res/sass/_object-label.scss
View File

@ -41,12 +41,9 @@ mct-representation {
.t-item-icon { .t-item-icon {
&:before { &:before {
$spinBW: 4px; $spinBW: 4px;
$spinD: 0;
@include spinner($spinBW); @include spinner($spinBW);
content: ""; content: "";
padding: 30%; padding: 30%;
width: $spinD;
height: $spinD;
} }
.t-item-icon-glyph { .t-item-icon-glyph {
display: none; display: none;
@ -59,6 +56,7 @@ mct-representation {
} }
} }
} }
.selected mct-representation.s-status-pending .t-object-label .t-item-icon:before { .selected mct-representation.s-status-pending .t-object-label .t-item-icon:before {
border-color: rgba($colorItemTreeSelectedFg, 0.25) !important; border-color: rgba($colorItemTreeSelectedFg, 0.25) !important;
border-top-color: rgba($colorItemTreeSelectedFg, 1.0) !important; border-top-color: rgba($colorItemTreeSelectedFg, 1.0) !important;

14
platform/commonUI/general/res/sass/tree/_tree.scss
View File

@ -34,7 +34,6 @@ ul.tree {
.tree-item, .tree-item,
.search-result-item { .search-result-item {
$runningItemW: 0;
@extend .l-flex-row; @extend .l-flex-row;
@include box-sizing(border-box); @include box-sizing(border-box);
@include border-radius($basicCr); @include border-radius($basicCr);
@ -129,26 +128,13 @@ mct-representation {
.t-object-label { .t-object-label {
.t-item-icon { .t-item-icon {
&:before { &:before {
$spinBW: 4px;
@include spinner($spinBW);
border-color: rgba($colorItemTreeIcon, 0.25); border-color: rgba($colorItemTreeIcon, 0.25);
border-top-color: rgba($colorItemTreeIcon, 1.0); border-top-color: rgba($colorItemTreeIcon, 1.0);
} }
.t-item-icon-glyph {
display: none;
}
}
.t-title-label {
font-style: italic;
opacity: 0.6;
} }
} }
} }
} }
.selected mct-representation.s-status-pending .t-object-label .t-item-icon:before {
border-color: rgba($colorItemTreeSelectedFg, 0.25);
border-top-color: rgba($colorItemTreeSelectedFg, 1.0);
}
.tree .s-status-editing, .tree .s-status-editing,
.search-results .s-status-editing { .search-results .s-status-editing {

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

@ -810,7 +810,7 @@ mct-container {
.search-results .s-status-editing .search-result-item.t-item-icon:before { .search-results .s-status-editing .search-result-item.t-item-icon:before {
color: #0099cc; color: #0099cc;
font-size: inherit; } font-size: inherit; }
/* line 40, ../../../../general/res/sass/_icons.scss */ /* line 39, ../../../../general/res/sass/_icons.scss */
.ui-symbol.icon.alert, .alert.t-item-icon, .icon.alert.s-icon-btn, .l-datetime-picker .l-month-year-pager .icon.alert.pager, .l-datetime-picker .l-month-year-pager .alert.pager.t-item-icon, .tree .s-status-editing .icon.alert.tree-item:before, .tree .s-status-editing .alert.tree-item.t-item-icon:before, .ui-symbol.icon.alert, .alert.t-item-icon, .icon.alert.s-icon-btn, .l-datetime-picker .l-month-year-pager .icon.alert.pager, .l-datetime-picker .l-month-year-pager .alert.pager.t-item-icon, .tree .s-status-editing .icon.alert.tree-item:before, .tree .s-status-editing .alert.tree-item.t-item-icon:before,
.tree .s-status-editing .icon.alert.search-result-item:before, .tree .s-status-editing .icon.alert.search-result-item:before,
.tree .s-status-editing .alert.search-result-item.t-item-icon:before, .tree .s-status-editing .alert.search-result-item.t-item-icon:before,
@ -819,7 +819,7 @@ mct-container {
.search-results .s-status-editing .icon.alert.search-result-item:before, .search-results .s-status-editing .icon.alert.search-result-item:before,
.search-results .s-status-editing .alert.search-result-item.t-item-icon:before { .search-results .s-status-editing .alert.search-result-item.t-item-icon:before {
color: #ff3c00; } color: #ff3c00; }
/* line 42, ../../../../general/res/sass/_icons.scss */ /* line 41, ../../../../general/res/sass/_icons.scss */
.ui-symbol.icon.alert:hover, .alert.t-item-icon:hover, .icon.alert.s-icon-btn:hover, .l-datetime-picker .l-month-year-pager .icon.alert.pager:hover, .tree .s-status-editing .icon.alert.tree-item:hover:before, .tree .s-status-editing .alert.tree-item.t-item-icon:hover:before, .ui-symbol.icon.alert:hover, .alert.t-item-icon:hover, .icon.alert.s-icon-btn:hover, .l-datetime-picker .l-month-year-pager .icon.alert.pager:hover, .tree .s-status-editing .icon.alert.tree-item:hover:before, .tree .s-status-editing .alert.tree-item.t-item-icon:hover:before,
.tree .s-status-editing .icon.alert.search-result-item:hover:before, .tree .s-status-editing .icon.alert.search-result-item:hover:before,
.tree .s-status-editing .alert.search-result-item.t-item-icon:hover:before, .tree .s-status-editing .alert.search-result-item.t-item-icon:hover:before,
@ -828,7 +828,7 @@ mct-container {
.search-results .s-status-editing .icon.alert.search-result-item:hover:before, .search-results .s-status-editing .icon.alert.search-result-item:hover:before,
.search-results .s-status-editing .alert.search-result-item.t-item-icon:hover:before { .search-results .s-status-editing .alert.search-result-item.t-item-icon:hover:before {
color: #ff8a66; } color: #ff8a66; }
/* line 46, ../../../../general/res/sass/_icons.scss */ /* line 45, ../../../../general/res/sass/_icons.scss */
.ui-symbol.icon.major, .major.t-item-icon, .icon.major.s-icon-btn, .l-datetime-picker .l-month-year-pager .icon.major.pager, .l-datetime-picker .l-month-year-pager .major.pager.t-item-icon, .tree .s-status-editing .icon.major.tree-item:before, .tree .s-status-editing .major.tree-item.t-item-icon:before, .ui-symbol.icon.major, .major.t-item-icon, .icon.major.s-icon-btn, .l-datetime-picker .l-month-year-pager .icon.major.pager, .l-datetime-picker .l-month-year-pager .major.pager.t-item-icon, .tree .s-status-editing .icon.major.tree-item:before, .tree .s-status-editing .major.tree-item.t-item-icon:before,
.tree .s-status-editing .icon.major.search-result-item:before, .tree .s-status-editing .icon.major.search-result-item:before,
.tree .s-status-editing .major.search-result-item.t-item-icon:before, .tree .s-status-editing .major.search-result-item.t-item-icon:before,
@ -837,11 +837,11 @@ mct-container {
.search-results .s-status-editing .icon.major.search-result-item:before, .search-results .s-status-editing .icon.major.search-result-item:before,
.search-results .s-status-editing .major.search-result-item.t-item-icon:before { .search-results .s-status-editing .major.search-result-item.t-item-icon:before {
font-size: 1.65em; } font-size: 1.65em; }
/* line 50, ../../../../general/res/sass/_icons.scss */ /* line 49, ../../../../general/res/sass/_icons.scss */
.ui-symbol.icon-calendar:after, .icon-calendar.t-item-icon:after, .icon-calendar.s-icon-btn:after, .l-datetime-picker .l-month-year-pager .icon-calendar.pager:after { .ui-symbol.icon-calendar:after, .icon-calendar.t-item-icon:after, .icon-calendar.s-icon-btn:after, .l-datetime-picker .l-month-year-pager .icon-calendar.pager:after {
content: "\e605"; } content: "\e605"; }
/* line 55, ../../../../general/res/sass/_icons.scss */ /* line 54, ../../../../general/res/sass/_icons.scss */
.bar .ui-symbol, .bar .t-item-icon, .bar .s-icon-btn, .bar .l-datetime-picker .l-month-year-pager .pager, .l-datetime-picker .l-month-year-pager .bar .pager, .bar .tree .s-status-editing .tree-item:before, .tree .s-status-editing .bar .tree-item:before, .bar .ui-symbol, .bar .t-item-icon, .bar .s-icon-btn, .bar .l-datetime-picker .l-month-year-pager .pager, .l-datetime-picker .l-month-year-pager .bar .pager, .bar .tree .s-status-editing .tree-item:before, .tree .s-status-editing .bar .tree-item:before,
.bar .tree .s-status-editing .search-result-item:before, .bar .tree .s-status-editing .search-result-item:before,
.tree .s-status-editing .bar .search-result-item:before, .tree .s-status-editing .bar .search-result-item:before,
@ -851,36 +851,36 @@ mct-container {
.search-results .s-status-editing .bar .search-result-item:before { .search-results .s-status-editing .bar .search-result-item:before {
display: inline-block; } display: inline-block; }
/* line 59, ../../../../general/res/sass/_icons.scss */ /* line 58, ../../../../general/res/sass/_icons.scss */
.invoke-menu { .invoke-menu {
text-shadow: none; text-shadow: none;
display: inline-block; } display: inline-block; }
/* line 64, ../../../../general/res/sass/_icons.scss */ /* line 63, ../../../../general/res/sass/_icons.scss */
.s-menu-btn .invoke-menu, .s-menu-btn .invoke-menu,
.icon.major .invoke-menu, .icon.major .invoke-menu,
.major.t-item-icon .invoke-menu { .major.t-item-icon .invoke-menu {
margin-left: 3px; } margin-left: 3px; }
/* line 69, ../../../../general/res/sass/_icons.scss */ /* line 68, ../../../../general/res/sass/_icons.scss */
.menu .type-icon, .menu .type-icon,
.tree-item .type-icon, .tree-item .type-icon,
.super-menu.menu .type-icon { .super-menu.menu .type-icon {
position: absolute; } position: absolute; }
/* line 75, ../../../../general/res/sass/_icons.scss */ /* line 74, ../../../../general/res/sass/_icons.scss */
.l-icon-alert { .l-icon-alert {
display: none !important; } display: none !important; }
/* line 77, ../../../../general/res/sass/_icons.scss */ /* line 76, ../../../../general/res/sass/_icons.scss */
.l-icon-alert:before { .l-icon-alert:before {
color: #ff3c00; color: #ff3c00;
content: "!"; } content: "!"; }
/* line 83, ../../../../general/res/sass/_icons.scss */ /* line 82, ../../../../general/res/sass/_icons.scss */
.t-item-icon { .t-item-icon {
line-height: normal; line-height: normal;
position: relative; } position: relative; }
/* line 94, ../../../../general/res/sass/_icons.scss */ /* line 90, ../../../../general/res/sass/_icons.scss */
.t-item-icon.l-icon-link .t-item-icon-glyph:before { .t-item-icon.l-icon-link .t-item-icon-glyph:before {
color: #49dedb; color: #49dedb;
content: "\f4"; content: "\f4";
@ -6126,7 +6126,7 @@ ul.tree {
margin-bottom: 3px; margin-bottom: 3px;
padding: 0 3px; padding: 0 3px;
position: relative; } position: relative; }
/* line 49, ../../../../general/res/sass/tree/_tree.scss */ /* line 48, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .view-control, .tree-item .view-control,
.search-result-item .view-control { .search-result-item .view-control {
color: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.3);
@ -6135,7 +6135,7 @@ ul.tree {
height: 100%; height: 100%;
line-height: inherit; line-height: inherit;
width: 10px; } width: 10px; }
/* line 57, ../../../../general/res/sass/tree/_tree.scss */ /* line 56, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .view-control.has-children:before, .tree-item .view-control.has-children:before,
.search-result-item .view-control.has-children:before { .search-result-item .view-control.has-children:before {
position: absolute; position: absolute;
@ -6160,7 +6160,7 @@ ul.tree {
-ms-transform-origin: center 50%; -ms-transform-origin: center 50%;
-webkit-transform-origin: center 50%; -webkit-transform-origin: center 50%;
transform-origin: center 50%; } transform-origin: center 50%; }
/* line 63, ../../../../general/res/sass/tree/_tree.scss */ /* line 62, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .view-control.has-children.expanded:before, .tree-item .view-control.has-children.expanded:before,
.search-result-item .view-control.has-children.expanded:before { .search-result-item .view-control.has-children.expanded:before {
-moz-transform: rotate(90deg); -moz-transform: rotate(90deg);
@ -6168,122 +6168,80 @@ ul.tree {
-webkit-transform: rotate(90deg); -webkit-transform: rotate(90deg);
transform: rotate(90deg); } transform: rotate(90deg); }
@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
/* line 68, ../../../../general/res/sass/tree/_tree.scss */ /* line 67, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .view-control:hover, .tree-item .view-control:hover,
.search-result-item .view-control:hover { .search-result-item .view-control:hover {
color: #ffc700 !important; } } color: #ffc700 !important; } }
/* line 74, ../../../../general/res/sass/tree/_tree.scss */ /* line 73, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .t-object-label, .tree-item .t-object-label,
.search-result-item .t-object-label { .search-result-item .t-object-label {
line-height: 1.5rem; } line-height: 1.5rem; }
/* line 76, ../../../../general/res/sass/tree/_tree.scss */ /* line 75, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .t-object-label .t-item-icon, .tree-item .t-object-label .t-item-icon,
.search-result-item .t-object-label .t-item-icon { .search-result-item .t-object-label .t-item-icon {
text-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px; text-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px;
font-size: 1.4em; font-size: 1.4em;
color: #0099cc; color: #0099cc;
width: 18px; } width: 18px; }
/* line 82, ../../../../general/res/sass/tree/_tree.scss */ /* line 81, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .t-object-label .t-title-label, .tree-item .t-object-label .t-title-label,
.search-result-item .t-object-label .t-title-label { .search-result-item .t-object-label .t-title-label {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; } white-space: nowrap; }
/* line 87, ../../../../general/res/sass/tree/_tree.scss */ /* line 86, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.selected, .tree-item.selected,
.search-result-item.selected { .search-result-item.selected {
background: #006080; background: #006080;
color: #cccccc; } color: #cccccc; }
/* line 90, ../../../../general/res/sass/tree/_tree.scss */ /* line 89, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.selected .view-control, .tree-item.selected .view-control,
.search-result-item.selected .view-control { .search-result-item.selected .view-control {
color: rgba(255, 255, 255, 0.3); } color: rgba(255, 255, 255, 0.3); }
/* line 93, ../../../../general/res/sass/tree/_tree.scss */ /* line 92, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.selected .t-object-label .t-item-icon, .tree-item.selected .t-object-label .t-item-icon,
.search-result-item.selected .t-object-label .t-item-icon { .search-result-item.selected .t-object-label .t-item-icon {
color: #cccccc; } color: #cccccc; }
@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
/* line 100, ../../../../general/res/sass/tree/_tree.scss */ /* line 99, ../../../../general/res/sass/tree/_tree.scss */
.tree-item:not(.selected):hover, .tree-item:not(.selected):hover,
.search-result-item:not(.selected):hover { .search-result-item:not(.selected):hover {
background: rgba(153, 153, 153, 0.1); background: rgba(153, 153, 153, 0.1);
color: #cccccc; } color: #cccccc; }
/* line 103, ../../../../general/res/sass/tree/_tree.scss */ /* line 102, ../../../../general/res/sass/tree/_tree.scss */
.tree-item:not(.selected):hover .t-item-icon, .tree-item:not(.selected):hover .t-item-icon,
.search-result-item:not(.selected):hover .t-item-icon { .search-result-item:not(.selected):hover .t-item-icon {
color: #33ccff; } } color: #33ccff; } }
/* line 110, ../../../../general/res/sass/tree/_tree.scss */ /* line 109, ../../../../general/res/sass/tree/_tree.scss */
.tree-item:not(.loading), .tree-item:not(.loading),
.search-result-item:not(.loading) { .search-result-item:not(.loading) {
cursor: pointer; } cursor: pointer; }
/* line 114, ../../../../general/res/sass/tree/_tree.scss */ /* line 113, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .context-trigger, .tree-item .context-trigger,
.search-result-item .context-trigger { .search-result-item .context-trigger {
top: -1px; top: -1px;
position: absolute; position: absolute;
right: 3px; } right: 3px; }
/* line 119, ../../../../general/res/sass/tree/_tree.scss */ /* line 118, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .context-trigger .invoke-menu, .tree-item .context-trigger .invoke-menu,
.search-result-item .context-trigger .invoke-menu { .search-result-item .context-trigger .invoke-menu {
font-size: 0.75em; font-size: 0.75em;
height: 0.9rem; height: 0.9rem;
line-height: 0.9rem; } line-height: 0.9rem; }
/* line 131, ../../../../general/res/sass/tree/_tree.scss */ /* line 130, ../../../../general/res/sass/tree/_tree.scss */
mct-representation.s-status-pending .t-object-label .t-item-icon:before { mct-representation.s-status-pending .t-object-label .t-item-icon:before {
-moz-transform-origin: center 50%;
-ms-transform-origin: center 50%;
-webkit-transform-origin: center 50%;
transform-origin: center 50%;
-moz-animation-name: rotation-centered;
-webkit-animation-name: rotation-centered;
animation-name: rotation-centered;
-moz-animation-duration: 0.5s;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-moz-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-color: rgba(0, 153, 204, 0.25);
border-top-color: #0099cc;
border-style: solid;
border-width: 4px;
display: block;
position: absolute;
left: 50%;
top: 50%;
border-color: rgba(0, 153, 204, 0.25); border-color: rgba(0, 153, 204, 0.25);
border-top-color: #0099cc; } border-top-color: #0099cc; }
/* line 137, ../../../../general/res/sass/tree/_tree.scss */
mct-representation.s-status-pending .t-object-label .t-item-icon .t-item-icon-glyph {
display: none; }
/* line 141, ../../../../general/res/sass/tree/_tree.scss */
mct-representation.s-status-pending .t-object-label .t-title-label {
font-style: italic;
opacity: 0.6; }
/* line 148, ../../../../general/res/sass/tree/_tree.scss */ /* line 142, ../../../../general/res/sass/tree/_tree.scss */
.selected mct-representation.s-status-pending .t-object-label .t-item-icon:before {
border-color: rgba(204, 204, 204, 0.25);
border-top-color: #cccccc; }
/* line 156, ../../../../general/res/sass/tree/_tree.scss */
.tree .s-status-editing .tree-item, .tree .s-status-editing .tree-item,
.tree .s-status-editing .search-result-item, .tree .s-status-editing .search-result-item,
.search-results .s-status-editing .tree-item, .search-results .s-status-editing .tree-item,
.search-results .s-status-editing .search-result-item { .search-results .s-status-editing .search-result-item {
background: #344154; background: #344154;
pointer-events: none; } pointer-events: none; }
/* line 160, ../../../../general/res/sass/tree/_tree.scss */ /* line 146, ../../../../general/res/sass/tree/_tree.scss */
.tree .s-status-editing .tree-item:before, .tree .s-status-editing .tree-item:before,
.tree .s-status-editing .search-result-item:before, .tree .s-status-editing .search-result-item:before,
.search-results .s-status-editing .tree-item:before, .search-results .s-status-editing .tree-item:before,
@ -6321,7 +6279,7 @@ mct-representation.s-status-pending .t-object-label .t-title-label {
opacity: 0.25; } opacity: 0.25; }
100% { 100% {
opacity: 1; } } opacity: 1; } }
/* line 169, ../../../../general/res/sass/tree/_tree.scss */ /* line 155, ../../../../general/res/sass/tree/_tree.scss */
.tree .s-status-editing .tree-item .t-object-label .t-item-icon, .tree .s-status-editing .tree-item .t-object-label .t-item-icon,
.tree .s-status-editing .tree-item .t-object-label .t-title-label, .tree .s-status-editing .tree-item .t-object-label .t-title-label,
.tree .s-status-editing .search-result-item .t-object-label .t-item-icon, .tree .s-status-editing .search-result-item .t-object-label .t-item-icon,
@ -6332,13 +6290,13 @@ mct-representation.s-status-pending .t-object-label .t-title-label {
.search-results .s-status-editing .search-result-item .t-object-label .t-title-label { .search-results .s-status-editing .search-result-item .t-object-label .t-title-label {
color: #587ab5; color: #587ab5;
text-shadow: none; } text-shadow: none; }
/* line 174, ../../../../general/res/sass/tree/_tree.scss */ /* line 160, ../../../../general/res/sass/tree/_tree.scss */
.tree .s-status-editing .tree-item .t-object-label .t-title-label, .tree .s-status-editing .tree-item .t-object-label .t-title-label,
.tree .s-status-editing .search-result-item .t-object-label .t-title-label, .tree .s-status-editing .search-result-item .t-object-label .t-title-label,
.search-results .s-status-editing .tree-item .t-object-label .t-title-label, .search-results .s-status-editing .tree-item .t-object-label .t-title-label,
.search-results .s-status-editing .search-result-item .t-object-label .t-title-label { .search-results .s-status-editing .search-result-item .t-object-label .t-title-label {
font-style: italic; } font-style: italic; }
/* line 178, ../../../../general/res/sass/tree/_tree.scss */ /* line 164, ../../../../general/res/sass/tree/_tree.scss */
.tree .s-status-editing .tree-item .view-control, .tree .s-status-editing .tree-item + .tree-item-subtree, .tree .s-status-editing .tree-item .view-control, .tree .s-status-editing .tree-item + .tree-item-subtree,
.tree .s-status-editing .search-result-item .view-control, .tree .s-status-editing .search-result-item .view-control,
.tree .s-status-editing .search-result-item + .tree-item-subtree, .tree .s-status-editing .search-result-item + .tree-item-subtree,
@ -6416,21 +6374,19 @@ mct-representation.s-status-pending .t-object-label .t-item-icon:before {
left: 50%; left: 50%;
top: 50%; top: 50%;
content: ""; content: "";
padding: 30%; padding: 30%; }
width: 0; /* line 48, ../../../../general/res/sass/_object-label.scss */
height: 0; }
/* line 55, ../../../../general/res/sass/_object-label.scss */
mct-representation.s-status-pending .t-object-label .t-item-icon .t-item-icon-glyph { mct-representation.s-status-pending .t-object-label .t-item-icon .t-item-icon-glyph {
display: none; } display: none; }
/* line 59, ../../../../general/res/sass/_object-label.scss */ /* line 52, ../../../../general/res/sass/_object-label.scss */
mct-representation.s-status-pending .t-object-label .t-title-label { mct-representation.s-status-pending .t-object-label .t-title-label {
font-style: italic; font-style: italic;
opacity: 0.6; } opacity: 0.6; }
/* line 66, ../../../../general/res/sass/_object-label.scss */ /* line 60, ../../../../general/res/sass/_object-label.scss */
.selected mct-representation.s-status-pending .t-object-label .t-item-icon:before { .selected mct-representation.s-status-pending .t-object-label .t-item-icon:before {
border-color: rgba(204, 204, 204, 0.25); border-color: rgba(204, 204, 204, 0.25) !important;
border-top-color: #cccccc; } border-top-color: #cccccc !important; }
/***************************************************************************** /*****************************************************************************
* Open MCT Web, Copyright (c) 2014-2015, United States Government * Open MCT Web, Copyright (c) 2014-2015, United States Government
@ -7336,7 +7292,7 @@ table {
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; } text-overflow: ellipsis; }
/* line 274, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 276, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-tick.gl-plot-x-tick-label, .gl-plot-tick.tick-label-x, .gl-plot-tick.gl-plot-x-tick-label, .gl-plot-tick.tick-label-x,
.tick-label.gl-plot-x-tick-label, .tick-label.gl-plot-x-tick-label,
.tick-label.tick-label-x { .tick-label.tick-label-x {
@ -7347,7 +7303,7 @@ table {
width: 20%; width: 20%;
margin-left: -10%; margin-left: -10%;
text-align: center; } text-align: center; }
/* line 284, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 286, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-tick.gl-plot-y-tick-label, .gl-plot-tick.tick-label-y, .gl-plot-tick.gl-plot-y-tick-label, .gl-plot-tick.tick-label-y,
.tick-label.gl-plot-y-tick-label, .tick-label.gl-plot-y-tick-label,
.tick-label.tick-label-y { .tick-label.tick-label-y {
@ -7357,18 +7313,18 @@ table {
margin-bottom: -0.5em; margin-bottom: -0.5em;
text-align: right; } text-align: right; }
/* line 295, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 297, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-tick.gl-plot-x-tick-label { .gl-plot-tick.gl-plot-x-tick-label {
top: 5px; } top: 5px; }
/* line 298, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 300, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-tick.gl-plot-y-tick-label { .gl-plot-tick.gl-plot-y-tick-label {
right: 5px; right: 5px;
left: 5px; } left: 5px; }
/* line 305, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 307, ../../../../general/res/sass/plots/_plots-main.scss */
.tick-label.tick-label-x { .tick-label.tick-label-x {
top: 0; } top: 0; }
/* line 308, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 310, ../../../../general/res/sass/plots/_plots-main.scss */
.tick-label.tick-label-y { .tick-label.tick-label-y {
right: 0; right: 0;
left: 0; } left: 0; }

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

@ -810,7 +810,7 @@ mct-container {
.search-results .s-status-editing .search-result-item.t-item-icon:before { .search-results .s-status-editing .search-result-item.t-item-icon:before {
color: #0099cc; color: #0099cc;
font-size: inherit; } font-size: inherit; }
/* line 40, ../../../../general/res/sass/_icons.scss */ /* line 39, ../../../../general/res/sass/_icons.scss */
.ui-symbol.icon.alert, .alert.t-item-icon, .icon.alert.s-icon-btn, .l-datetime-picker .l-month-year-pager .icon.alert.pager, .l-datetime-picker .l-month-year-pager .alert.pager.t-item-icon, .tree .s-status-editing .icon.alert.tree-item:before, .tree .s-status-editing .alert.tree-item.t-item-icon:before, .ui-symbol.icon.alert, .alert.t-item-icon, .icon.alert.s-icon-btn, .l-datetime-picker .l-month-year-pager .icon.alert.pager, .l-datetime-picker .l-month-year-pager .alert.pager.t-item-icon, .tree .s-status-editing .icon.alert.tree-item:before, .tree .s-status-editing .alert.tree-item.t-item-icon:before,
.tree .s-status-editing .icon.alert.search-result-item:before, .tree .s-status-editing .icon.alert.search-result-item:before,
.tree .s-status-editing .alert.search-result-item.t-item-icon:before, .tree .s-status-editing .alert.search-result-item.t-item-icon:before,
@ -819,7 +819,7 @@ mct-container {
.search-results .s-status-editing .icon.alert.search-result-item:before, .search-results .s-status-editing .icon.alert.search-result-item:before,
.search-results .s-status-editing .alert.search-result-item.t-item-icon:before { .search-results .s-status-editing .alert.search-result-item.t-item-icon:before {
color: #ff3c00; } color: #ff3c00; }
/* line 42, ../../../../general/res/sass/_icons.scss */ /* line 41, ../../../../general/res/sass/_icons.scss */
.ui-symbol.icon.alert:hover, .alert.t-item-icon:hover, .icon.alert.s-icon-btn:hover, .l-datetime-picker .l-month-year-pager .icon.alert.pager:hover, .tree .s-status-editing .icon.alert.tree-item:hover:before, .tree .s-status-editing .alert.tree-item.t-item-icon:hover:before, .ui-symbol.icon.alert:hover, .alert.t-item-icon:hover, .icon.alert.s-icon-btn:hover, .l-datetime-picker .l-month-year-pager .icon.alert.pager:hover, .tree .s-status-editing .icon.alert.tree-item:hover:before, .tree .s-status-editing .alert.tree-item.t-item-icon:hover:before,
.tree .s-status-editing .icon.alert.search-result-item:hover:before, .tree .s-status-editing .icon.alert.search-result-item:hover:before,
.tree .s-status-editing .alert.search-result-item.t-item-icon:hover:before, .tree .s-status-editing .alert.search-result-item.t-item-icon:hover:before,
@ -828,7 +828,7 @@ mct-container {
.search-results .s-status-editing .icon.alert.search-result-item:hover:before, .search-results .s-status-editing .icon.alert.search-result-item:hover:before,
.search-results .s-status-editing .alert.search-result-item.t-item-icon:hover:before { .search-results .s-status-editing .alert.search-result-item.t-item-icon:hover:before {
color: #ff8a66; } color: #ff8a66; }
/* line 46, ../../../../general/res/sass/_icons.scss */ /* line 45, ../../../../general/res/sass/_icons.scss */
.ui-symbol.icon.major, .major.t-item-icon, .icon.major.s-icon-btn, .l-datetime-picker .l-month-year-pager .icon.major.pager, .l-datetime-picker .l-month-year-pager .major.pager.t-item-icon, .tree .s-status-editing .icon.major.tree-item:before, .tree .s-status-editing .major.tree-item.t-item-icon:before, .ui-symbol.icon.major, .major.t-item-icon, .icon.major.s-icon-btn, .l-datetime-picker .l-month-year-pager .icon.major.pager, .l-datetime-picker .l-month-year-pager .major.pager.t-item-icon, .tree .s-status-editing .icon.major.tree-item:before, .tree .s-status-editing .major.tree-item.t-item-icon:before,
.tree .s-status-editing .icon.major.search-result-item:before, .tree .s-status-editing .icon.major.search-result-item:before,
.tree .s-status-editing .major.search-result-item.t-item-icon:before, .tree .s-status-editing .major.search-result-item.t-item-icon:before,
@ -837,11 +837,11 @@ mct-container {
.search-results .s-status-editing .icon.major.search-result-item:before, .search-results .s-status-editing .icon.major.search-result-item:before,
.search-results .s-status-editing .major.search-result-item.t-item-icon:before { .search-results .s-status-editing .major.search-result-item.t-item-icon:before {
font-size: 1.65em; } font-size: 1.65em; }
/* line 50, ../../../../general/res/sass/_icons.scss */ /* line 49, ../../../../general/res/sass/_icons.scss */
.ui-symbol.icon-calendar:after, .icon-calendar.t-item-icon:after, .icon-calendar.s-icon-btn:after, .l-datetime-picker .l-month-year-pager .icon-calendar.pager:after { .ui-symbol.icon-calendar:after, .icon-calendar.t-item-icon:after, .icon-calendar.s-icon-btn:after, .l-datetime-picker .l-month-year-pager .icon-calendar.pager:after {
content: "\e605"; } content: "\e605"; }
/* line 55, ../../../../general/res/sass/_icons.scss */ /* line 54, ../../../../general/res/sass/_icons.scss */
.bar .ui-symbol, .bar .t-item-icon, .bar .s-icon-btn, .bar .l-datetime-picker .l-month-year-pager .pager, .l-datetime-picker .l-month-year-pager .bar .pager, .bar .tree .s-status-editing .tree-item:before, .tree .s-status-editing .bar .tree-item:before, .bar .ui-symbol, .bar .t-item-icon, .bar .s-icon-btn, .bar .l-datetime-picker .l-month-year-pager .pager, .l-datetime-picker .l-month-year-pager .bar .pager, .bar .tree .s-status-editing .tree-item:before, .tree .s-status-editing .bar .tree-item:before,
.bar .tree .s-status-editing .search-result-item:before, .bar .tree .s-status-editing .search-result-item:before,
.tree .s-status-editing .bar .search-result-item:before, .tree .s-status-editing .bar .search-result-item:before,
@ -851,36 +851,36 @@ mct-container {
.search-results .s-status-editing .bar .search-result-item:before { .search-results .s-status-editing .bar .search-result-item:before {
display: inline-block; } display: inline-block; }
/* line 59, ../../../../general/res/sass/_icons.scss */ /* line 58, ../../../../general/res/sass/_icons.scss */
.invoke-menu { .invoke-menu {
text-shadow: none; text-shadow: none;
display: inline-block; } display: inline-block; }
/* line 64, ../../../../general/res/sass/_icons.scss */ /* line 63, ../../../../general/res/sass/_icons.scss */
.s-menu-btn .invoke-menu, .s-menu-btn .invoke-menu,
.icon.major .invoke-menu, .icon.major .invoke-menu,
.major.t-item-icon .invoke-menu { .major.t-item-icon .invoke-menu {
margin-left: 3px; } margin-left: 3px; }
/* line 69, ../../../../general/res/sass/_icons.scss */ /* line 68, ../../../../general/res/sass/_icons.scss */
.menu .type-icon, .menu .type-icon,
.tree-item .type-icon, .tree-item .type-icon,
.super-menu.menu .type-icon { .super-menu.menu .type-icon {
position: absolute; } position: absolute; }
/* line 75, ../../../../general/res/sass/_icons.scss */ /* line 74, ../../../../general/res/sass/_icons.scss */
.l-icon-alert { .l-icon-alert {
display: none !important; } display: none !important; }
/* line 77, ../../../../general/res/sass/_icons.scss */ /* line 76, ../../../../general/res/sass/_icons.scss */
.l-icon-alert:before { .l-icon-alert:before {
color: #ff3c00; color: #ff3c00;
content: "!"; } content: "!"; }
/* line 83, ../../../../general/res/sass/_icons.scss */ /* line 82, ../../../../general/res/sass/_icons.scss */
.t-item-icon { .t-item-icon {
line-height: normal; line-height: normal;
position: relative; } position: relative; }
/* line 94, ../../../../general/res/sass/_icons.scss */ /* line 90, ../../../../general/res/sass/_icons.scss */
.t-item-icon.l-icon-link .t-item-icon-glyph:before { .t-item-icon.l-icon-link .t-item-icon-glyph:before {
color: #49dedb; color: #49dedb;
content: "\f4"; content: "\f4";
@ -6000,7 +6000,7 @@ ul.tree {
margin-bottom: 3px; margin-bottom: 3px;
padding: 0 3px; padding: 0 3px;
position: relative; } position: relative; }
/* line 49, ../../../../general/res/sass/tree/_tree.scss */ /* line 48, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .view-control, .tree-item .view-control,
.search-result-item .view-control { .search-result-item .view-control {
color: #666; color: #666;
@ -6009,7 +6009,7 @@ ul.tree {
height: 100%; height: 100%;
line-height: inherit; line-height: inherit;
width: 10px; } width: 10px; }
/* line 57, ../../../../general/res/sass/tree/_tree.scss */ /* line 56, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .view-control.has-children:before, .tree-item .view-control.has-children:before,
.search-result-item .view-control.has-children:before { .search-result-item .view-control.has-children:before {
position: absolute; position: absolute;
@ -6034,7 +6034,7 @@ ul.tree {
-ms-transform-origin: center 50%; -ms-transform-origin: center 50%;
-webkit-transform-origin: center 50%; -webkit-transform-origin: center 50%;
transform-origin: center 50%; } transform-origin: center 50%; }
/* line 63, ../../../../general/res/sass/tree/_tree.scss */ /* line 62, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .view-control.has-children.expanded:before, .tree-item .view-control.has-children.expanded:before,
.search-result-item .view-control.has-children.expanded:before { .search-result-item .view-control.has-children.expanded:before {
-moz-transform: rotate(90deg); -moz-transform: rotate(90deg);
@ -6042,121 +6042,79 @@ ul.tree {
-webkit-transform: rotate(90deg); -webkit-transform: rotate(90deg);
transform: rotate(90deg); } transform: rotate(90deg); }
@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
/* line 68, ../../../../general/res/sass/tree/_tree.scss */ /* line 67, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .view-control:hover, .tree-item .view-control:hover,
.search-result-item .view-control:hover { .search-result-item .view-control:hover {
color: #0099cc !important; } } color: #0099cc !important; } }
/* line 74, ../../../../general/res/sass/tree/_tree.scss */ /* line 73, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .t-object-label, .tree-item .t-object-label,
.search-result-item .t-object-label { .search-result-item .t-object-label {
line-height: 1.5rem; } line-height: 1.5rem; }
/* line 76, ../../../../general/res/sass/tree/_tree.scss */ /* line 75, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .t-object-label .t-item-icon, .tree-item .t-object-label .t-item-icon,
.search-result-item .t-object-label .t-item-icon { .search-result-item .t-object-label .t-item-icon {
font-size: 1.4em; font-size: 1.4em;
color: #0099cc; color: #0099cc;
width: 18px; } width: 18px; }
/* line 82, ../../../../general/res/sass/tree/_tree.scss */ /* line 81, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .t-object-label .t-title-label, .tree-item .t-object-label .t-title-label,
.search-result-item .t-object-label .t-title-label { .search-result-item .t-object-label .t-title-label {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; } white-space: nowrap; }
/* line 87, ../../../../general/res/sass/tree/_tree.scss */ /* line 86, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.selected, .tree-item.selected,
.search-result-item.selected { .search-result-item.selected {
background: #1ac6ff; background: #1ac6ff;
color: #fcfcfc; } color: #fcfcfc; }
/* line 90, ../../../../general/res/sass/tree/_tree.scss */ /* line 89, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.selected .view-control, .tree-item.selected .view-control,
.search-result-item.selected .view-control { .search-result-item.selected .view-control {
color: #fcfcfc; } color: #fcfcfc; }
/* line 93, ../../../../general/res/sass/tree/_tree.scss */ /* line 92, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.selected .t-object-label .t-item-icon, .tree-item.selected .t-object-label .t-item-icon,
.search-result-item.selected .t-object-label .t-item-icon { .search-result-item.selected .t-object-label .t-item-icon {
color: #fcfcfc; } color: #fcfcfc; }
@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
/* line 100, ../../../../general/res/sass/tree/_tree.scss */ /* line 99, ../../../../general/res/sass/tree/_tree.scss */
.tree-item:not(.selected):hover, .tree-item:not(.selected):hover,
.search-result-item:not(.selected):hover { .search-result-item:not(.selected):hover {
background: rgba(102, 102, 102, 0.1); background: rgba(102, 102, 102, 0.1);
color: #333333; } color: #333333; }
/* line 103, ../../../../general/res/sass/tree/_tree.scss */ /* line 102, ../../../../general/res/sass/tree/_tree.scss */
.tree-item:not(.selected):hover .t-item-icon, .tree-item:not(.selected):hover .t-item-icon,
.search-result-item:not(.selected):hover .t-item-icon { .search-result-item:not(.selected):hover .t-item-icon {
color: #0099cc; } } color: #0099cc; } }
/* line 110, ../../../../general/res/sass/tree/_tree.scss */ /* line 109, ../../../../general/res/sass/tree/_tree.scss */
.tree-item:not(.loading), .tree-item:not(.loading),
.search-result-item:not(.loading) { .search-result-item:not(.loading) {
cursor: pointer; } cursor: pointer; }
/* line 114, ../../../../general/res/sass/tree/_tree.scss */ /* line 113, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .context-trigger, .tree-item .context-trigger,
.search-result-item .context-trigger { .search-result-item .context-trigger {
top: -1px; top: -1px;
position: absolute; position: absolute;
right: 3px; } right: 3px; }
/* line 119, ../../../../general/res/sass/tree/_tree.scss */ /* line 118, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .context-trigger .invoke-menu, .tree-item .context-trigger .invoke-menu,
.search-result-item .context-trigger .invoke-menu { .search-result-item .context-trigger .invoke-menu {
font-size: 0.75em; font-size: 0.75em;
height: 0.9rem; height: 0.9rem;
line-height: 0.9rem; } line-height: 0.9rem; }
/* line 131, ../../../../general/res/sass/tree/_tree.scss */ /* line 130, ../../../../general/res/sass/tree/_tree.scss */
mct-representation.s-status-pending .t-object-label .t-item-icon:before { mct-representation.s-status-pending .t-object-label .t-item-icon:before {
-moz-transform-origin: center 50%;
-ms-transform-origin: center 50%;
-webkit-transform-origin: center 50%;
transform-origin: center 50%;
-moz-animation-name: rotation-centered;
-webkit-animation-name: rotation-centered;
animation-name: rotation-centered;
-moz-animation-duration: 0.5s;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-moz-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-color: rgba(0, 153, 204, 0.25);
border-top-color: #0099cc;
border-style: solid;
border-width: 4px;
display: block;
position: absolute;
left: 50%;
top: 50%;
border-color: rgba(0, 153, 204, 0.25); border-color: rgba(0, 153, 204, 0.25);
border-top-color: #0099cc; } border-top-color: #0099cc; }
/* line 137, ../../../../general/res/sass/tree/_tree.scss */
mct-representation.s-status-pending .t-object-label .t-item-icon .t-item-icon-glyph {
display: none; }
/* line 141, ../../../../general/res/sass/tree/_tree.scss */
mct-representation.s-status-pending .t-object-label .t-title-label {
font-style: italic;
opacity: 0.6; }
/* line 148, ../../../../general/res/sass/tree/_tree.scss */ /* line 142, ../../../../general/res/sass/tree/_tree.scss */
.selected mct-representation.s-status-pending .t-object-label .t-item-icon:before {
border-color: rgba(252, 252, 252, 0.25);
border-top-color: #fcfcfc; }
/* line 156, ../../../../general/res/sass/tree/_tree.scss */
.tree .s-status-editing .tree-item, .tree .s-status-editing .tree-item,
.tree .s-status-editing .search-result-item, .tree .s-status-editing .search-result-item,
.search-results .s-status-editing .tree-item, .search-results .s-status-editing .tree-item,
.search-results .s-status-editing .search-result-item { .search-results .s-status-editing .search-result-item {
background: #caf1ff; background: #caf1ff;
pointer-events: none; } pointer-events: none; }
/* line 160, ../../../../general/res/sass/tree/_tree.scss */ /* line 146, ../../../../general/res/sass/tree/_tree.scss */
.tree .s-status-editing .tree-item:before, .tree .s-status-editing .tree-item:before,
.tree .s-status-editing .search-result-item:before, .tree .s-status-editing .search-result-item:before,
.search-results .s-status-editing .tree-item:before, .search-results .s-status-editing .tree-item:before,
@ -6194,7 +6152,7 @@ mct-representation.s-status-pending .t-object-label .t-title-label {
opacity: 0.25; } opacity: 0.25; }
100% { 100% {
opacity: 1; } } opacity: 1; } }
/* line 169, ../../../../general/res/sass/tree/_tree.scss */ /* line 155, ../../../../general/res/sass/tree/_tree.scss */
.tree .s-status-editing .tree-item .t-object-label .t-item-icon, .tree .s-status-editing .tree-item .t-object-label .t-item-icon,
.tree .s-status-editing .tree-item .t-object-label .t-title-label, .tree .s-status-editing .tree-item .t-object-label .t-title-label,
.tree .s-status-editing .search-result-item .t-object-label .t-item-icon, .tree .s-status-editing .search-result-item .t-object-label .t-item-icon,
@ -6205,13 +6163,13 @@ mct-representation.s-status-pending .t-object-label .t-title-label {
.search-results .s-status-editing .search-result-item .t-object-label .t-title-label { .search-results .s-status-editing .search-result-item .t-object-label .t-title-label {
color: #4bb1c7; color: #4bb1c7;
text-shadow: none; } text-shadow: none; }
/* line 174, ../../../../general/res/sass/tree/_tree.scss */ /* line 160, ../../../../general/res/sass/tree/_tree.scss */
.tree .s-status-editing .tree-item .t-object-label .t-title-label, .tree .s-status-editing .tree-item .t-object-label .t-title-label,
.tree .s-status-editing .search-result-item .t-object-label .t-title-label, .tree .s-status-editing .search-result-item .t-object-label .t-title-label,
.search-results .s-status-editing .tree-item .t-object-label .t-title-label, .search-results .s-status-editing .tree-item .t-object-label .t-title-label,
.search-results .s-status-editing .search-result-item .t-object-label .t-title-label { .search-results .s-status-editing .search-result-item .t-object-label .t-title-label {
font-style: italic; } font-style: italic; }
/* line 178, ../../../../general/res/sass/tree/_tree.scss */ /* line 164, ../../../../general/res/sass/tree/_tree.scss */
.tree .s-status-editing .tree-item .view-control, .tree .s-status-editing .tree-item + .tree-item-subtree, .tree .s-status-editing .tree-item .view-control, .tree .s-status-editing .tree-item + .tree-item-subtree,
.tree .s-status-editing .search-result-item .view-control, .tree .s-status-editing .search-result-item .view-control,
.tree .s-status-editing .search-result-item + .tree-item-subtree, .tree .s-status-editing .search-result-item + .tree-item-subtree,
@ -6289,21 +6247,19 @@ mct-representation.s-status-pending .t-object-label .t-item-icon:before {
left: 50%; left: 50%;
top: 50%; top: 50%;
content: ""; content: "";
padding: 30%; padding: 30%; }
width: 0; /* line 48, ../../../../general/res/sass/_object-label.scss */
height: 0; }
/* line 55, ../../../../general/res/sass/_object-label.scss */
mct-representation.s-status-pending .t-object-label .t-item-icon .t-item-icon-glyph { mct-representation.s-status-pending .t-object-label .t-item-icon .t-item-icon-glyph {
display: none; } display: none; }
/* line 59, ../../../../general/res/sass/_object-label.scss */ /* line 52, ../../../../general/res/sass/_object-label.scss */
mct-representation.s-status-pending .t-object-label .t-title-label { mct-representation.s-status-pending .t-object-label .t-title-label {
font-style: italic; font-style: italic;
opacity: 0.6; } opacity: 0.6; }
/* line 66, ../../../../general/res/sass/_object-label.scss */ /* line 60, ../../../../general/res/sass/_object-label.scss */
.selected mct-representation.s-status-pending .t-object-label .t-item-icon:before { .selected mct-representation.s-status-pending .t-object-label .t-item-icon:before {
border-color: rgba(252, 252, 252, 0.25); border-color: rgba(252, 252, 252, 0.25) !important;
border-top-color: #fcfcfc; } border-top-color: #fcfcfc !important; }
/***************************************************************************** /*****************************************************************************
* Open MCT Web, Copyright (c) 2014-2015, United States Government * Open MCT Web, Copyright (c) 2014-2015, United States Government
@ -7209,7 +7165,7 @@ table {
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; } text-overflow: ellipsis; }
/* line 274, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 276, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-tick.gl-plot-x-tick-label, .gl-plot-tick.tick-label-x, .gl-plot-tick.gl-plot-x-tick-label, .gl-plot-tick.tick-label-x,
.tick-label.gl-plot-x-tick-label, .tick-label.gl-plot-x-tick-label,
.tick-label.tick-label-x { .tick-label.tick-label-x {
@ -7220,7 +7176,7 @@ table {
width: 20%; width: 20%;
margin-left: -10%; margin-left: -10%;
text-align: center; } text-align: center; }
/* line 284, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 286, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-tick.gl-plot-y-tick-label, .gl-plot-tick.tick-label-y, .gl-plot-tick.gl-plot-y-tick-label, .gl-plot-tick.tick-label-y,
.tick-label.gl-plot-y-tick-label, .tick-label.gl-plot-y-tick-label,
.tick-label.tick-label-y { .tick-label.tick-label-y {
@ -7230,18 +7186,18 @@ table {
margin-bottom: -0.5em; margin-bottom: -0.5em;
text-align: right; } text-align: right; }
/* line 295, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 297, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-tick.gl-plot-x-tick-label { .gl-plot-tick.gl-plot-x-tick-label {
top: 5px; } top: 5px; }
/* line 298, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 300, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-tick.gl-plot-y-tick-label { .gl-plot-tick.gl-plot-y-tick-label {
right: 5px; right: 5px;
left: 5px; } left: 5px; }
/* line 305, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 307, ../../../../general/res/sass/plots/_plots-main.scss */
.tick-label.tick-label-x { .tick-label.tick-label-x {
top: 0; } top: 0; }
/* line 308, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 310, ../../../../general/res/sass/plots/_plots-main.scss */
.tick-label.tick-label-y { .tick-label.tick-label-y {
right: 0; right: 0;
left: 0; } left: 0; }

41
platform/features/timeline/res/css/timeline.css
View File

@ -142,11 +142,13 @@
right: 0; right: 0;
left: auto; } left: auto; }
/* line 58, ../sass/_activities.scss */ /* line 59, ../sass/_activities.scss */
.edit-mode .s-timeline-gantt .handle { .edit-mode .s-timeline-gantt .handle,
.s-status-editing .s-timeline-gantt .handle {
cursor: col-resize; } cursor: col-resize; }
/* line 60, ../sass/_activities.scss */ /* line 61, ../sass/_activities.scss */
.edit-mode .s-timeline-gantt .handle.mid { .edit-mode .s-timeline-gantt .handle.mid,
.s-status-editing .s-timeline-gantt .handle.mid {
cursor: ew-resize; } cursor: ew-resize; }
/***************************************************************************** /*****************************************************************************
@ -527,24 +529,39 @@
/* line 257, ../sass/_timelines.scss */ /* line 257, ../sass/_timelines.scss */
.l-timeline-holder .l-cols .l-col.l-title { .l-timeline-holder .l-cols .l-col.l-title {
width: 250px; } width: 250px; }
/* line 261, ../sass/_timelines.scss */ /* line 259, ../sass/_timelines.scss */
.l-timeline-holder .l-cols .l-col.l-title .rep-object-label[draggable="true"] {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-transition: background-color 0.25s;
-o-transition: background-color 0.25s;
-webkit-transition: background-color 0.25s;
transition: background-color 0.25s;
cursor: pointer;
display: inline-block;
padding: 0 3px; }
/* line 265, ../sass/_timelines.scss */
.l-timeline-holder .l-cols .l-col.l-title .rep-object-label[draggable="true"]:hover {
background-color: rgba(153, 153, 153, 0.1); }
/* line 271, ../sass/_timelines.scss */
.l-timeline-holder .l-cols .l-col.l-start, .l-timeline-holder .l-cols .l-col.l-end, .l-timeline-holder .l-cols .l-col.l-duration { .l-timeline-holder .l-cols .l-col.l-start, .l-timeline-holder .l-cols .l-col.l-end, .l-timeline-holder .l-cols .l-col.l-duration {
width: 110px; } width: 110px; }
/* line 267, ../sass/_timelines.scss */ /* line 277, ../sass/_timelines.scss */
.l-timeline-holder .l-cols .l-col.l-activity-modes { .l-timeline-holder .l-cols .l-col.l-activity-modes {
display: none; display: none;
width: 250px; } width: 250px; }
/* line 275, ../sass/_timelines.scss */ /* line 285, ../sass/_timelines.scss */
.l-timeline-holder .s-timeline-tabular .l-header .l-cols { .l-timeline-holder .s-timeline-tabular .l-header .l-cols {
top: 5px; top: 5px;
bottom: 5px; } bottom: 5px; }
/* line 281, ../sass/_timelines.scss */ /* line 291, ../sass/_timelines.scss */
.l-timeline-holder .s-timeline-tabular .l-pane-l .l-cols { .l-timeline-holder .s-timeline-tabular .l-pane-l .l-cols {
left: 5px; } left: 5px; }
/* line 287, ../sass/_timelines.scss */ /* line 297, ../sass/_timelines.scss */
.l-timeline-holder .splitter { .l-timeline-holder .splitter {
top: 0; } top: 0; }
/* line 293, ../sass/_timelines.scss */ /* line 303, ../sass/_timelines.scss */
.l-timeline-holder .l-ticks, .l-timeline-holder .l-ticks,
.l-timeline-holder .l-subticks { .l-timeline-holder .l-subticks {
overflow: hidden; overflow: hidden;
@ -557,9 +574,9 @@
height: auto; height: auto;
top: auto; top: auto;
bottom: 3px; } bottom: 3px; }
/* line 299, ../sass/_timelines.scss */ /* line 309, ../sass/_timelines.scss */
.l-timeline-holder .l-ticks { .l-timeline-holder .l-ticks {
height: 10px; } height: 10px; }
/* line 303, ../sass/_timelines.scss */ /* line 313, ../sass/_timelines.scss */
.l-timeline-holder .l-subticks { .l-timeline-holder .l-subticks {
height: 5px; } height: 5px; }

10
platform/features/timeline/res/sass/_timelines.scss
View File

@ -256,6 +256,16 @@
&.l-title { &.l-title {
width: $timelineColTitleW; width: $timelineColTitleW;
.rep-object-label[draggable="true"] {
@include border-radius($basicCr);
@include single-transition(background-color, 0.25s);
cursor: pointer;
display: inline-block;
padding: 0 $interiorMarginSm;
&:hover {
background-color: $colorItemTreeHoverBg;
}
}
} }
&.l-start, &.l-start,

1
platform/features/timeline/res/templates/tabular-swimlane-cols-tree.html
View File

@ -50,6 +50,7 @@
ng-style="{ 'margin-left': 15 * ngModel.depth + 'px' }"> ng-style="{ 'margin-left': 15 * ngModel.depth + 'px' }">
<mct-representation key="'label'" <mct-representation key="'label'"
mct-object="ngModel.domainObject" mct-object="ngModel.domainObject"
class="rep-object-label"
mct-swimlane-drag="ngModel"> mct-swimlane-drag="ngModel">
</mct-representation> </mct-representation>
</span> </span>