ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-01-19 19:27:07 +00:00
Code Issues Actions 9 Packages Projects Releases Wiki Activity

[Frontend] Tweaks in Inspector

Browse Source 
open #90
Colors, spacing, properties layout mods;
This commit is contained in:
Charles Hacskaylo 2015-10-30 23:44:15 -07:00
parent 64c6ef6cfd
commit 141a54cbd6
3 changed files with 37 additions and 71 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
platform/commonUI/general/res/sass/controls/_buttons.scss
View File

@ -222,6 +222,8 @@ $pad: $interiorMargin * $baseRatio;
position: absolute;
height: $d; width: $d;
line-height: $d;
overflow: hidden;
word-break: break-all;
&:before,
&:after {
@ -235,7 +237,7 @@ $pad: $interiorMargin * $baseRatio;
&:hover {
color: $colorKey;
@include transform(scale(1.2));
//@include transform(scale(1.2));
}
}
}

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

@ -1297,23 +1297,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
.l-inspect {
background: #3b3b3b;
color: #999;
line-height: 140%;
/* table tr {
td {
border: none;
border-top: 1px solid $colorInteriorBorder !important;
padding: 2px 0;
vertical-align: top;
&.label {
padding-right: $interiorMargin !important;
white-space: nowrap;
}
}
&:first-child td {
border-top: none !important;
}
}*/ }
line-height: 140%; }
/* line 34, ../../../../general/res/sass/_inspector.scss */
.l-inspect .pane-header {
color: #666666;
@ -1350,20 +1334,20 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
.l-inspect .inspector-properties .value {
color: #bfbfbf;
word-break: break-all; }
/* line 93, ../../../../general/res/sass/_inspector.scss */
/* line 75, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-location .location-item {
cursor: pointer;
display: inline-block;
position: relative;
padding: 2px 4px; }
/* line 98, ../../../../general/res/sass/_inspector.scss */
/* line 80, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-location .location-item:hover {
background: rgba(153, 153, 153, 0.1);
color: #cccccc; }
/* line 101, ../../../../general/res/sass/_inspector.scss */
/* line 83, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-location .location-item:hover .icon, .l-inspect .inspector-location .location-item:hover .t-item-icon {
color: #33ccff; }
/* line 106, ../../../../general/res/sass/_inspector.scss */
/* line 88, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-location:not(.last) .t-object-label .t-title-label:after {
color: #737373;
content: '\3e';
@ -1792,32 +1776,30 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
position: absolute;
height: 9px;
width: 9px;
line-height: 9px; }
/* line 226, ../../../../general/res/sass/controls/_buttons.scss */
line-height: 9px;
overflow: hidden;
word-break: break-all; }
/* line 228, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab-icon:before, .mini-tab-icon:after {
position: absolute;
display: inherit; }
/* line 232, ../../../../general/res/sass/controls/_buttons.scss */
/* line 234, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab-icon:before {
content: '\78'; }
/* line 236, ../../../../general/res/sass/controls/_buttons.scss */
/* line 238, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab-icon:hover {
color: #0099cc;
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2); } }
color: #0099cc; } }
/* line 243, ../../../../general/res/sass/controls/_buttons.scss */
/* line 245, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set {
font-size: 0; }
/* line 249, ../../../../general/res/sass/controls/_buttons.scss */
/* line 251, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .s-btn, .l-btn-set .s-menu-btn {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
margin-left: 1px; }
/* line 255, ../../../../general/res/sass/controls/_buttons.scss */
/* line 257, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .first .s-btn, .l-btn-set .first .s-menu-btn {
-moz-border-radius-topleft: 3px;
-webkit-border-top-left-radius: 3px;
@ -1826,7 +1808,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
-webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
margin-left: 0; }
/* line 262, ../../../../general/res/sass/controls/_buttons.scss */
/* line 264, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .last .s-btn, .l-btn-set .last .s-menu-btn {
-moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px;
@ -1835,7 +1817,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
-webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px; }
/* line 269, ../../../../general/res/sass/controls/_buttons.scss */
/* line 271, ../../../../general/res/sass/controls/_buttons.scss */
.paused:not(.s-btn):not(.s-menu-btn) {
border-color: #c56f01 !important;
color: #c56f01 !important; }

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

@ -1278,23 +1278,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
.l-inspect {
background: #efefef;
color: #666;
line-height: 140%;
/* table tr {
td {
border: none;
border-top: 1px solid $colorInteriorBorder !important;
padding: 2px 0;
vertical-align: top;
&.label {
padding-right: $interiorMargin !important;
white-space: nowrap;
}
}
&:first-child td {
border-top: none !important;
}
}*/ }
line-height: 140%; }
/* line 34, ../../../../general/res/sass/_inspector.scss */
.l-inspect .pane-header {
color: #999999;
@ -1331,20 +1315,20 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
.l-inspect .inspector-properties .value {
color: #404040;
word-break: break-all; }
/* line 93, ../../../../general/res/sass/_inspector.scss */
/* line 75, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-location .location-item {
cursor: pointer;
display: inline-block;
position: relative;
padding: 2px 4px; }
/* line 98, ../../../../general/res/sass/_inspector.scss */
/* line 80, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-location .location-item:hover {
background: rgba(102, 102, 102, 0.1);
color: #333333; }
/* line 101, ../../../../general/res/sass/_inspector.scss */
/* line 83, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-location .location-item:hover .icon, .l-inspect .inspector-location .location-item:hover .t-item-icon {
color: #0099cc; }
/* line 106, ../../../../general/res/sass/_inspector.scss */
/* line 88, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-location:not(.last) .t-object-label .t-title-label:after {
color: #8c8c8c;
content: '\3e';
@ -1737,32 +1721,30 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
position: absolute;
height: 9px;
width: 9px;
line-height: 9px; }
/* line 226, ../../../../general/res/sass/controls/_buttons.scss */
line-height: 9px;
overflow: hidden;
word-break: break-all; }
/* line 228, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab-icon:before, .mini-tab-icon:after {
position: absolute;
display: inherit; }
/* line 232, ../../../../general/res/sass/controls/_buttons.scss */
/* line 234, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab-icon:before {
content: '\78'; }
/* line 236, ../../../../general/res/sass/controls/_buttons.scss */
/* line 238, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab-icon:hover {
color: #0099cc;
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2); } }
color: #0099cc; } }
/* line 243, ../../../../general/res/sass/controls/_buttons.scss */
/* line 245, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set {
font-size: 0; }
/* line 249, ../../../../general/res/sass/controls/_buttons.scss */
/* line 251, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .s-btn, .l-btn-set .s-menu-btn {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
margin-left: 1px; }
/* line 255, ../../../../general/res/sass/controls/_buttons.scss */
/* line 257, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .first .s-btn, .l-btn-set .first .s-menu-btn {
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
@ -1771,7 +1753,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
margin-left: 0; }
/* line 262, ../../../../general/res/sass/controls/_buttons.scss */
/* line 264, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .last .s-btn, .l-btn-set .last .s-menu-btn {
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
@ -1780,7 +1762,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px; }
/* line 269, ../../../../general/res/sass/controls/_buttons.scss */
/* line 271, ../../../../general/res/sass/controls/_buttons.scss */
.paused:not(.s-btn):not(.s-menu-btn) {
border-color: #ff9900 !important;
color: #ff9900 !important; }