ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-06-21 08:39:59 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

[Frontend] Added icon to Inspector header

Browse Source 
open #90
and updated icon;
This commit is contained in:
Charles Hacskaylo
2015-11-02 11:27:56 -08:00
parent 648cdcc86e
commit fe12cdefc5
4 changed files with 67 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -34,6 +34,14 @@
.pane-header { .pane-header {
color: pushBack($colorInspectorFg, 20%); color: pushBack($colorInspectorFg, 20%);
font-size: 0.8rem; font-size: 0.8rem;
&:before {
color: pushBack($colorInspectorFg, 10%);
content:'\e615'; // e615 Crosshair symbol
display: inline;
font-family: symbolsfont;
margin-right: $interiorMarginSm;
vertical-align: bottom;
}
} }
ul li, ul li,

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

@ -310,7 +310,7 @@
&.toggle-inspect.anchor-right { &.toggle-inspect.anchor-right {
right: $bodyMargin; right: $bodyMargin;
&:after { &:after {
content: '\e608'; // Info "i" icon content: '\e615'; // e615: Crosshair icon; was e608: Info "i" icon
} }
&.collapsed { &.collapsed {
right: $interiorMargin; right: $interiorMargin;

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

@ -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; }
@ -1302,15 +1302,23 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
.l-inspect .pane-header { .l-inspect .pane-header {
color: #666666; color: #666666;
font-size: 0.8rem; } font-size: 0.8rem; }
/* line 39, ../../../../general/res/sass/_inspector.scss */ /* line 37, ../../../../general/res/sass/_inspector.scss */
.l-inspect .pane-header:before {
color: gray;
content: '\e615';
display: inline;
font-family: symbolsfont;
margin-right: 3px;
vertical-align: bottom; }
/* line 47, ../../../../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 45, ../../../../general/res/sass/_inspector.scss */ /* line 53, ../../../../general/res/sass/_inspector.scss */
.l-inspect ul li { .l-inspect ul li {
margin-bottom: 10px; } margin-bottom: 10px; }
/* line 49, ../../../../general/res/sass/_inspector.scss */ /* line 57, ../../../../general/res/sass/_inspector.scss */
.l-inspect em { .l-inspect em {
-moz-border-radius: 2px; -moz-border-radius: 2px;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
@ -1320,34 +1328,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 58, ../../../../general/res/sass/_inspector.scss */ /* line 66, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-properties { .l-inspect .inspector-properties {
padding: 3px 0; } padding: 3px 0; }
/* line 59, ../../../../general/res/sass/_inspector.scss */ /* line 67, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-properties:not(.first) { .l-inspect .inspector-properties:not(.first) {
border-top: 1px solid #474747; } border-top: 1px solid #474747; }
/* line 63, ../../../../general/res/sass/_inspector.scss */ /* line 71, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-properties .label { .l-inspect .inspector-properties .label {
color: #737373; color: #737373;
text-transform: uppercase; } text-transform: uppercase; }
/* line 67, ../../../../general/res/sass/_inspector.scss */ /* line 75, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-properties .value { .l-inspect .inspector-properties .value {
color: #bfbfbf; color: #bfbfbf;
word-break: break-all; } word-break: break-all; }
/* line 75, ../../../../general/res/sass/_inspector.scss */ /* line 83, ../../../../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 80, ../../../../general/res/sass/_inspector.scss */ /* line 88, ../../../../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 83, ../../../../general/res/sass/_inspector.scss */ /* line 91, ../../../../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 88, ../../../../general/res/sass/_inspector.scss */ /* line 96, ../../../../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';
@ -3954,7 +3962,7 @@ span.req {
right: 10px; } right: 10px; }
/* line 312, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 312, ../../../../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: '\e608'; } content: '\e615'; }
/* line 315, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 315, ../../../../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; } }

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

@ -20,7 +20,7 @@
* this source code distribution or the Licensing information page available * 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; }
@ -1283,15 +1283,23 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
.l-inspect .pane-header { .l-inspect .pane-header {
color: #999999; color: #999999;
font-size: 0.8rem; } font-size: 0.8rem; }
/* line 39, ../../../../general/res/sass/_inspector.scss */ /* line 37, ../../../../general/res/sass/_inspector.scss */
.l-inspect .pane-header:before {
color: gray;
content: '\e615';
display: inline;
font-family: symbolsfont;
margin-right: 3px;
vertical-align: bottom; }
/* line 47, ../../../../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 45, ../../../../general/res/sass/_inspector.scss */ /* line 53, ../../../../general/res/sass/_inspector.scss */
.l-inspect ul li { .l-inspect ul li {
margin-bottom: 10px; } margin-bottom: 10px; }
/* line 49, ../../../../general/res/sass/_inspector.scss */ /* line 57, ../../../../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;
@ -1301,34 +1309,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 58, ../../../../general/res/sass/_inspector.scss */ /* line 66, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-properties { .l-inspect .inspector-properties {
padding: 3px 0; } padding: 3px 0; }
/* line 59, ../../../../general/res/sass/_inspector.scss */ /* line 67, ../../../../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 63, ../../../../general/res/sass/_inspector.scss */ /* line 71, ../../../../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 67, ../../../../general/res/sass/_inspector.scss */ /* line 75, ../../../../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 75, ../../../../general/res/sass/_inspector.scss */ /* line 83, ../../../../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 80, ../../../../general/res/sass/_inspector.scss */ /* line 88, ../../../../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 83, ../../../../general/res/sass/_inspector.scss */ /* line 91, ../../../../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 88, ../../../../general/res/sass/_inspector.scss */ /* line 96, ../../../../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';
@ -3876,7 +3884,7 @@ span.req {
right: 10px; } right: 10px; }
/* line 312, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 312, ../../../../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: '\e608'; } content: '\e615'; }
/* line 315, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 315, ../../../../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; } }