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

[Inspector] Fix location label text

Browse Source 
Fixed the location object labels so that their
overflow text properly gets hidden, and so that
the direction arrows are aligned with the
labels. #73.
This commit is contained in:
slhale 2015-08-25 16:30:57 -07:00
parent 5cc634e946
commit 86d398d8ff
2 changed files with 19 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -5310,8 +5310,9 @@ input[type="text"] {
white-space: pre; } white-space: pre; }
/* line 233, ../sass/tree/_pane.scss */ /* line 233, ../sass/tree/_pane.scss */
.split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right .holder.inspector-holder ul li .inspector-location { .split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right .holder.inspector-holder ul li .inspector-location {
display: inline-block; } display: inline-block;
/* line 236, ../sass/tree/_pane.scss */ max-width: 100%; }
/* line 237, ../sass/tree/_pane.scss */
.split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right .holder.inspector-holder ul li .inspector-location .label { .split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right .holder.inspector-holder ul li .inspector-location .label {
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
@ -5323,13 +5324,13 @@ input[type="text"] {
max-width: 100%; max-width: 100%;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow-x: hidden; } overflow-x: hidden; }
/* line 243, ../sass/tree/_pane.scss */ /* line 244, ../sass/tree/_pane.scss */
.split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right .holder.inspector-holder ul li .inspector-location .label:hover { .split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right .holder.inspector-holder ul li .inspector-location .label:hover {
background-color: #404040; } background-color: #404040; }
/* line 257, ../sass/tree/_pane.scss */ /* line 258, ../sass/tree/_pane.scss */
.split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right .holder.inspector-holder ul li .inspector-location .label .icon.type-icon { .split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right .holder.inspector-holder ul li .inspector-location .label .icon.type-icon {
font-size: 14px; } font-size: 14px; }
/* line 260, ../sass/tree/_pane.scss */ /* line 261, ../sass/tree/_pane.scss */
.split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right .holder.inspector-holder ul li .inspector-location .label .icon.type-icon .l-icon-link { .split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right .holder.inspector-holder ul li .inspector-location .label .icon.type-icon .l-icon-link {
color: #49dedb; color: #49dedb;
font-size: 6px; font-size: 6px;
@ -5337,13 +5338,15 @@ input[type="text"] {
margin-right: 9px; margin-right: 9px;
text-shadow: black 0 1px 2px; text-shadow: black 0 1px 2px;
z-index: 2; } z-index: 2; }
/* line 274, ../sass/tree/_pane.scss */ /* line 275, ../sass/tree/_pane.scss */
.split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right .holder.inspector-holder ul li .inspector-location:after { .split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right .holder.inspector-holder ul li .inspector-location:after {
content: '>'; content: '>';
font-family: symbolsfont; font-family: symbolsfont;
font-size: 8px; font-size: 8px;
margin-left: -6px; } position: relative;
/* line 280, ../sass/tree/_pane.scss */ top: -8px;
left: -4px; }
/* line 285, ../sass/tree/_pane.scss */
.split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right .holder.inspector-holder ul li .inspector-location:last-child:after { .split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right .holder.inspector-holder ul li .inspector-location:last-child:after {
content: ''; content: '';
display: inline-block; } display: inline-block; }

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

@ -167,7 +167,7 @@ $transitionTime: 0.35s; // For the left menu open/close
&.inactivePane { &.inactivePane {
right: -12px; right: -12px;
&:after { &:after {
content: 'G';//'<'; content: 'G';//'\e608';//'<';
} }
} }
&.activePane:after { &.activePane:after {
@ -232,6 +232,7 @@ $transitionTime: 0.35s; // For the left menu open/close
// Style object labels // Style object labels
.inspector-location { .inspector-location {
display: inline-block; display: inline-block;
max-width: 100%;
.label { .label {
cursor: pointer; cursor: pointer;
@ -275,7 +276,11 @@ $transitionTime: 0.35s; // For the left menu open/close
content: '>'; content: '>';
font-family: symbolsfont; font-family: symbolsfont;
font-size: 8px; font-size: 8px;
margin-left: -6px;
//margin-left: -6px;
position: relative;
top: -8px;
left: -4px;
} }
&:last-child:after { &:last-child:after {
content: ''; content: '';