ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2024-12-27 16:38:51 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[Inspector] Location horizontal overflow

Browse Source 
Modified location labels to have cut-off text
be indicated by ellipses when the inspection
pane width is small. #73.
This commit is contained in:
slhale 2015-08-25 14:30:42 -07:00
parent c3e5fbf713
commit c4de3505b9
2 changed files with 24 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -5258,31 +5258,32 @@ input[type="text"] {
opacity: 0; }
/* line 197, ../sass/tree/_pane.scss */
.split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right .holder.inspector-holder {
overflow-y: auto; }
/* line 200, ../sass/tree/_pane.scss */
overflow-y: auto;
overflow-x: hidden; }
/* line 201, ../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 204, ../sass/tree/_pane.scss */
/* line 205, ../sass/tree/_pane.scss */
.split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right .holder.inspector-holder ul li {
font-size: 0.9em;
padding: 2px 0px;
margin: 2px 0px;
border-top: solid 1px grey; }
/* line 211, ../sass/tree/_pane.scss */
/* line 212, ../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; }
/* line 216, ../sass/tree/_pane.scss */
/* line 217, ../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-height: 1.25em; }
/* line 220, ../sass/tree/_pane.scss */
/* line 221, ../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 227, ../sass/tree/_pane.scss */
/* line 228, ../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 {
display: inline-block; }
/* line 230, ../sass/tree/_pane.scss */
/* line 231, ../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 {
cursor: pointer;
display: inline-block;
@ -5290,14 +5291,17 @@ input[type="text"] {
transition: background-color 0.2s;
border-radius: 4px;
padding: 3px;
margin: 2px; }
/* line 237, ../sass/tree/_pane.scss */
margin: 2px;
max-width: 100%;
text-overflow: ellipsis;
overflow-x: hidden; }
/* line 238, ../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 {
background-color: #404040; }
/* line 246, ../sass/tree/_pane.scss */
/* line 252, ../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 {
font-size: 14px; }
/* line 249, ../sass/tree/_pane.scss */
/* line 255, ../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 {
color: #49dedb;
font-size: 6px;
@ -5305,13 +5309,13 @@ input[type="text"] {
margin-right: 9px;
text-shadow: black 0 1px 2px;
z-index: 2; }
/* line 263, ../sass/tree/_pane.scss */
/* line 269, ../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 {
content: '>';
font-family: symbolsfont;
font-size: 8px;
margin-left: -6px; }
/* line 269, ../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:last-child:after {
content: '';
display: inline-block; }

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

@ -196,6 +196,7 @@ $transitionTime: 0.35s; // For the left menu open/close
.holder.inspector-holder {
overflow-y: auto;
overflow-x: hidden;
.info-icon {
color: $colorKey;
@ -243,6 +244,11 @@ $transitionTime: 0.35s; // For the left menu open/close
padding: 3px;
margin: 2px;
// Horizontal overflow
max-width: 100%;
text-overflow: ellipsis;
overflow-x: hidden;
.icon.type-icon {
font-size: 14px;