ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2024-12-29 09:28: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 () { $scope.$on("$destroy", function () {
navigationService.removeListener(setNavigation); navigationService.removeListener(setNavigation);
}); });
} }
return BrowseController; 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 */ /* line 144, ../sass/tree/_pane.scss */
.split-pane-component.secondary-split.pane.right .splitter-bar.right { .split-pane-component.secondary-split.pane.right .splitter-bar.right {
top: 0; } top: 0; }
/* line 154, ../sass/tree/_pane.scss */ /* line 149, ../sass/tree/_pane.scss */
.split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right .holder.inspector-holder { .split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right {
min-width: 100px; } 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; top: 0;
} }
//background-color: skyblue;
.split-pane-component.object-inspector.pane.right { .split-pane-component.object-inspector.pane.right {
//background-color: orange; min-width: 150px;
.holder.inspector-holder { .holder.inspector-holder {
min-width: 100px;
//background-color: purple; .info-icon {
color: $colorKey;
}
ul { ul {
//color: pink; font-size: 0.9em;
li { 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. at runtime from the About dialog for additional information.
--> -->
<span class="ui-symbol info-icon">
G
</span>
<ul> <ul>
<li> <li>
Name: {{ ngModel.selectedObject.getModel().name }} <em>Name </em>
{{ ngModel.selectedObject.getModel().name }}
</li> </li>
<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> </li>
</ul> </ul>