alihan/openmct
1
0
Fork 0
Code Issues Pull Requests 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
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; position: absolute;
height: $d; width: $d; height: $d; width: $d;
line-height: $d; line-height: $d;
overflow: hidden;
word-break: break-all;
&:before, &:before,
&:after { &:after {
@@ -235,7 +237,7 @@ $pad: $interiorMargin * $baseRatio;
&:hover { &:hover {
color: $colorKey; 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 { .l-inspect {
background: #3b3b3b; background: #3b3b3b;
color: #999; color: #999;
line-height: 140%; 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 34, ../../../../general/res/sass/_inspector.scss */ /* line 34, ../../../../general/res/sass/_inspector.scss */
.l-inspect .pane-header { .l-inspect .pane-header {
color: #666666; color: #666666;
@@ -1350,20 +1334,20 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
.l-inspect .inspector-properties .value { .l-inspect .inspector-properties .value {
color: #bfbfbf; color: #bfbfbf;
word-break: break-all; } word-break: break-all; }
/* line 93, ../../../../general/res/sass/_inspector.scss */ /* line 75, ../../../../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 98, ../../../../general/res/sass/_inspector.scss */ /* line 80, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-location .location-item:hover { .l-inspect .inspector-location .location-item:hover {
background: rgba(153, 153, 153, 0.1); background: rgba(153, 153, 153, 0.1);
color: #cccccc; } 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 { .l-inspect .inspector-location .location-item:hover .icon, .l-inspect .inspector-location .location-item:hover .t-item-icon {
color: #33ccff; } 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 { .l-inspect .inspector-location:not(.last) .t-object-label .t-title-label:after {
color: #737373; color: #737373;
content: '\3e'; content: '\3e';
@@ -1792,32 +1776,30 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
position: absolute; position: absolute;
height: 9px; height: 9px;
width: 9px; width: 9px;
line-height: 9px; } line-height: 9px;
/* line 226, ../../../../general/res/sass/controls/_buttons.scss */ overflow: hidden;
word-break: break-all; }
/* line 228, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab-icon:before, .mini-tab-icon:after { .mini-tab-icon:before, .mini-tab-icon:after {
position: absolute; position: absolute;
display: inherit; } display: inherit; }
/* line 232, ../../../../general/res/sass/controls/_buttons.scss */ /* line 234, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab-icon:before { .mini-tab-icon:before {
content: '\78'; } content: '\78'; }
/* line 236, ../../../../general/res/sass/controls/_buttons.scss */ /* line 238, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab-icon:hover { .mini-tab-icon:hover {
color: #0099cc; color: #0099cc; } }
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2); } }
/* line 243, ../../../../general/res/sass/controls/_buttons.scss */ /* line 245, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set { .l-btn-set {
font-size: 0; } 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 { .l-btn-set .s-btn, .l-btn-set .s-menu-btn {
-moz-border-radius: 0; -moz-border-radius: 0;
-webkit-border-radius: 0; -webkit-border-radius: 0;
border-radius: 0; border-radius: 0;
margin-left: 1px; } 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 { .l-btn-set .first .s-btn, .l-btn-set .first .s-menu-btn {
-moz-border-radius-topleft: 3px; -moz-border-radius-topleft: 3px;
-webkit-border-top-left-radius: 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; -webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
margin-left: 0; } 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 { .l-btn-set .last .s-btn, .l-btn-set .last .s-menu-btn {
-moz-border-radius-topright: 3px; -moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 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; -webkit-border-bottom-right-radius: 3px;
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) { .paused:not(.s-btn):not(.s-menu-btn) {
border-color: #c56f01 !important; border-color: #c56f01 !important;
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 { .l-inspect {
background: #efefef; background: #efefef;
color: #666; color: #666;
line-height: 140%; 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 34, ../../../../general/res/sass/_inspector.scss */ /* line 34, ../../../../general/res/sass/_inspector.scss */
.l-inspect .pane-header { .l-inspect .pane-header {
color: #999999; color: #999999;
@@ -1331,20 +1315,20 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
.l-inspect .inspector-properties .value { .l-inspect .inspector-properties .value {
color: #404040; color: #404040;
word-break: break-all; } word-break: break-all; }
/* line 93, ../../../../general/res/sass/_inspector.scss */ /* line 75, ../../../../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 98, ../../../../general/res/sass/_inspector.scss */ /* line 80, ../../../../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 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 { .l-inspect .inspector-location .location-item:hover .icon, .l-inspect .inspector-location .location-item:hover .t-item-icon {
color: #0099cc; } 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 { .l-inspect .inspector-location:not(.last) .t-object-label .t-title-label:after {
color: #8c8c8c; color: #8c8c8c;
content: '\3e'; content: '\3e';
@@ -1737,32 +1721,30 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
position: absolute; position: absolute;
height: 9px; height: 9px;
width: 9px; width: 9px;
line-height: 9px; } line-height: 9px;
/* line 226, ../../../../general/res/sass/controls/_buttons.scss */ overflow: hidden;
word-break: break-all; }
/* line 228, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab-icon:before, .mini-tab-icon:after { .mini-tab-icon:before, .mini-tab-icon:after {
position: absolute; position: absolute;
display: inherit; } display: inherit; }
/* line 232, ../../../../general/res/sass/controls/_buttons.scss */ /* line 234, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab-icon:before { .mini-tab-icon:before {
content: '\78'; } content: '\78'; }
/* line 236, ../../../../general/res/sass/controls/_buttons.scss */ /* line 238, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab-icon:hover { .mini-tab-icon:hover {
color: #0099cc; color: #0099cc; } }
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2); } }
/* line 243, ../../../../general/res/sass/controls/_buttons.scss */ /* line 245, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set { .l-btn-set {
font-size: 0; } 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 { .l-btn-set .s-btn, .l-btn-set .s-menu-btn {
-moz-border-radius: 0; -moz-border-radius: 0;
-webkit-border-radius: 0; -webkit-border-radius: 0;
border-radius: 0; border-radius: 0;
margin-left: 1px; } 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 { .l-btn-set .first .s-btn, .l-btn-set .first .s-menu-btn {
-moz-border-radius-topleft: 4px; -moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 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; -webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
margin-left: 0; } 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 { .l-btn-set .last .s-btn, .l-btn-set .last .s-menu-btn {
-moz-border-radius-topright: 4px; -moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 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; -webkit-border-bottom-right-radius: 4px;
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) { .paused:not(.s-btn):not(.s-menu-btn) {
border-color: #ff9900 !important; border-color: #ff9900 !important;
color: #ff9900 !important; } color: #ff9900 !important; }