mirror of
https://github.com/nasa/openmct.git
synced 2025-01-15 17:30:12 +00:00
[Inspector] Fix location label heights
Made it so that the last element of the location does not get misaligned. Also changed the element background highlighting and arrow size.
This commit is contained in:
parent
bbcb0e15c9
commit
6e8dcc6ab8
@ -5243,7 +5243,6 @@ input[type="text"] {
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
transition: background-color 0.2s;
|
transition: background-color 0.2s;
|
||||||
background-color: #4d4d4d;
|
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
padding: 3px;
|
padding: 3px;
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
@ -5251,22 +5250,23 @@ input[type="text"] {
|
|||||||
line-height: 15px; }
|
line-height: 15px; }
|
||||||
/* line 192, ../sass/tree/_pane.scss */
|
/* line 192, ../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: #595959; }
|
background-color: #404040; }
|
||||||
/* line 203, ../sass/tree/_pane.scss */
|
/* line 204, ../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 206, ../sass/tree/_pane.scss */
|
/* line 207, ../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;
|
||||||
margin-left: -22px;
|
margin-left: -22px;
|
||||||
margin-right: 4px; }
|
margin-right: 4px; }
|
||||||
/* line 217, ../sass/tree/_pane.scss */
|
/* line 218, ../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: 10px;
|
font-size: 8px;
|
||||||
margin-left: -4px; }
|
margin-left: -6px; }
|
||||||
/* line 223, ../sass/tree/_pane.scss */
|
/* line 224, ../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; }
|
||||||
|
@ -188,9 +188,10 @@ $transitionTime: 0.35s; // For the left menu open/close
|
|||||||
|
|
||||||
// Colors
|
// Colors
|
||||||
transition: background-color 0.2s;
|
transition: background-color 0.2s;
|
||||||
background-color: lighten($colorBodyBg, 10%);
|
//background-color: lighten($colorBodyBg, 10%);
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: lighten($colorBodyBg, 15%);
|
//background-color: lighten($colorBodyBg, 15%);
|
||||||
|
background-color: lighten($colorBodyBg, 5%);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Sizing and spacing
|
// Sizing and spacing
|
||||||
@ -217,11 +218,12 @@ $transitionTime: 0.35s; // For the left menu open/close
|
|||||||
&:after {
|
&:after {
|
||||||
content: '>';
|
content: '>';
|
||||||
font-family: symbolsfont;
|
font-family: symbolsfont;
|
||||||
font-size: 10px;
|
font-size: 8px;
|
||||||
margin-left: -4px;
|
margin-left: -6px;
|
||||||
}
|
}
|
||||||
&:last-child:after {
|
&:last-child:after {
|
||||||
content: '';
|
content: '';
|
||||||
|
display: inline-block;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user