ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2024-12-28 08:58:52 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[Inspector] Inspector style

Browse Source 
Added stlying to the inspector. Still need to find
proper icon. #73.
This commit is contained in:
slhale 2015-08-20 16:52:18 -07:00
parent 3343475973
commit 7b5f07ae45
4 changed files with 67 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
platform/commonUI/browse/src/BrowseController.js
View File

@ -156,7 +156,6 @@ define(
$scope.$on("$destroy", function () {
navigationService.removeListener(setNavigation);
});
}
return BrowseController;

30
platform/commonUI/general/res/css/theme-espresso.css
View File

@ -5210,6 +5210,30 @@ input[type="text"] {
/* line 144, ../sass/tree/_pane.scss */
.split-pane-component.secondary-split.pane.right .splitter-bar.right {
top: 0; }
/* line 154, ../sass/tree/_pane.scss */
.split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right .holder.inspector-holder {
min-width: 100px; }
/* line 149, ../sass/tree/_pane.scss */
.split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right {
min-width: 150px; }
/* line 154, ../sass/tree/_pane.scss */
.split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right .holder.inspector-holder .info-icon {
color: #0099cc; }
/* line 158, ../sass/tree/_pane.scss */
.split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right .holder.inspector-holder ul {
font-size: 0.9em; }
/* line 161, ../sass/tree/_pane.scss */
.split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right .holder.inspector-holder ul li {
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 2px 0px;
margin: 2px 0px;
border-top: solid 1px grey; }
/* line 167, ../sass/tree/_pane.scss */
.split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right .holder.inspector-holder ul li em {
font-weight: bold; }
/* line 170, ../sass/tree/_pane.scss */
.split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right .holder.inspector-holder ul li em:after {
content: '\A';
white-space: pre; }
/* line 180, ../sass/tree/_pane.scss */
.split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right .holder.inspector-holder ul li:first-child {
border-top-width: 0px; }

35
platform/commonUI/general/res/sass/tree/_pane.scss
View File

@ -146,19 +146,40 @@ $transitionTime: 0.35s;
top: 0;
}
//background-color: skyblue;
.split-pane-component.object-inspector.pane.right {
//background-color: orange;
min-width: 150px;
.holder.inspector-holder {
min-width: 100px;
//background-color: purple;
.info-icon {
color: $colorKey;
}
ul {
//color: pink;
font-size: 0.9em;
li {
//color: green;
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
// Style the titles
em {
font-weight: bold;
&:after {
content: '\A';
white-space: pre;
}
}
// Add spacing between items
padding: 2px 0px;
margin: 2px 0px;
border-top: solid 1px grey;
&:first-child {
border-top-width: 0px;
}
}
}
}

14
platform/commonUI/general/res/templates/object-inspector.html
View File

@ -20,11 +20,21 @@
at runtime from the About dialog for additional information.
-->
<span class="ui-symbol info-icon">
G
</span>
<ul>
<li>
Name: {{ ngModel.selectedObject.getModel().name }}
<em>Name </em>
{{ ngModel.selectedObject.getModel().name }}
</li>
<li>
Last modified: {{ ngModel.selectedObject.getModel().modified }}
<em>Last modified </em>
{{ ngModel.selectedObject.getModel().modified }}
</li>
<li>
<em>ID </em>
{{ ngModel.selectedObject.getId() }}
</li>
</ul>