ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-06-05 09:00:49 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

[Inspector] Pane tab button tweaks

Browse Source 
Changed size and position slightly. Icon when
closed different.
This commit is contained in:
slhale 2015-08-24 10:57:50 -07:00
parent 67e57081f4
commit 57e3c2554d
2 changed files with 38 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -5195,79 +5195,80 @@ input[type="text"] {
cursor: pointer; cursor: pointer;
font-family: symbolsfont; font-family: symbolsfont;
background-color: #595959; background-color: #595959;
width: 11px !important; width: 13px !important;
height: 16px; height: 16px;
line-height: 16px; line-height: 16px;
font-size: 10px; } font-size: 10px;
/* line 132, ../sass/tree/_pane.scss */ text-align: center; }
/* line 133, ../sass/tree/_pane.scss */
.split-pane-component.secondary-split.pane.right .split-pane-component.items.pane .object-browse-bar .pane-tabs.left { .split-pane-component.secondary-split.pane.right .split-pane-component.items.pane .object-browse-bar .pane-tabs.left {
left: -10px; left: -12px;
top: 3px; top: 3px;
border-top-right-radius: 2px; border-top-right-radius: 2px;
border-bottom-right-radius: 2px; } border-bottom-right-radius: 2px; }
/* line 140, ../sass/tree/_pane.scss */ /* line 141, ../sass/tree/_pane.scss */
.split-pane-component.secondary-split.pane.right .split-pane-component.items.pane .object-browse-bar .pane-tabs.left.inactivePane { .split-pane-component.secondary-split.pane.right .split-pane-component.items.pane .object-browse-bar .pane-tabs.left.inactivePane {
left: -15px; } left: -15px; }
/* line 142, ../sass/tree/_pane.scss */ /* line 143, ../sass/tree/_pane.scss */
.split-pane-component.secondary-split.pane.right .split-pane-component.items.pane .object-browse-bar .pane-tabs.left.inactivePane:after { .split-pane-component.secondary-split.pane.right .split-pane-component.items.pane .object-browse-bar .pane-tabs.left.inactivePane:after {
content: '>'; } content: 'F'; }
/* line 146, ../sass/tree/_pane.scss */ /* line 147, ../sass/tree/_pane.scss */
.split-pane-component.secondary-split.pane.right .split-pane-component.items.pane .object-browse-bar .pane-tabs.left.activePane:after { .split-pane-component.secondary-split.pane.right .split-pane-component.items.pane .object-browse-bar .pane-tabs.left.activePane:after {
content: '<'; } content: '<'; }
/* line 152, ../sass/tree/_pane.scss */ /* line 153, ../sass/tree/_pane.scss */
.split-pane-component.secondary-split.pane.right .split-pane-component.items.pane .object-browse-bar .pane-tabs.right { .split-pane-component.secondary-split.pane.right .split-pane-component.items.pane .object-browse-bar .pane-tabs.right {
float: right; float: right;
right: -8px; right: -9px;
top: -13px; top: -13px;
border-top-left-radius: 2px; border-top-left-radius: 2px;
border-bottom-left-radius: 2px; } border-bottom-left-radius: 2px; }
/* line 161, ../sass/tree/_pane.scss */ /* line 162, ../sass/tree/_pane.scss */
.split-pane-component.secondary-split.pane.right .split-pane-component.items.pane .object-browse-bar .pane-tabs.right.inactivePane { .split-pane-component.secondary-split.pane.right .split-pane-component.items.pane .object-browse-bar .pane-tabs.right.inactivePane {
right: -12px; } right: -12px; }
/* line 163, ../sass/tree/_pane.scss */ /* line 164, ../sass/tree/_pane.scss */
.split-pane-component.secondary-split.pane.right .split-pane-component.items.pane .object-browse-bar .pane-tabs.right.inactivePane:after { .split-pane-component.secondary-split.pane.right .split-pane-component.items.pane .object-browse-bar .pane-tabs.right.inactivePane:after {
content: '<'; } content: 'G'; }
/* line 167, ../sass/tree/_pane.scss */ /* line 168, ../sass/tree/_pane.scss */
.split-pane-component.secondary-split.pane.right .split-pane-component.items.pane .object-browse-bar .pane-tabs.right.activePane:after { .split-pane-component.secondary-split.pane.right .split-pane-component.items.pane .object-browse-bar .pane-tabs.right.activePane:after {
content: '>'; } content: '>'; }
/* line 175, ../sass/tree/_pane.scss */ /* line 176, ../sass/tree/_pane.scss */
.split-pane-component.secondary-split.pane.right .split-pane-component.items.pane .object-browse-bar .items-select { .split-pane-component.secondary-split.pane.right .split-pane-component.items.pane .object-browse-bar .items-select {
margin-left: 10px; } margin-left: 10px; }
/* line 179, ../sass/tree/_pane.scss */ /* line 180, ../sass/tree/_pane.scss */
.split-pane-component.secondary-split.pane.right .split-pane-component.items.pane .object-browse-bar .btn-bar.right { .split-pane-component.secondary-split.pane.right .split-pane-component.items.pane .object-browse-bar .btn-bar.right {
margin-right: 10px; } margin-right: 10px; }
/* line 185, ../sass/tree/_pane.scss */ /* line 186, ../sass/tree/_pane.scss */
.split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right { .split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right {
min-width: 150px; } min-width: 150px; }
/* line 189, ../sass/tree/_pane.scss */ /* line 190, ../sass/tree/_pane.scss */
.split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right.inactive { .split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right.inactive {
min-width: 0 !important; min-width: 0 !important;
width: 0 !important; width: 0 !important;
visibility: hidden; visibility: hidden;
opacity: 0; } opacity: 0; }
/* line 197, ../sass/tree/_pane.scss */ /* line 198, ../sass/tree/_pane.scss */
.split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right .holder.inspector-holder .info-icon { .split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right .holder.inspector-holder .info-icon {
color: #0099cc; } color: #0099cc; }
/* line 201, ../sass/tree/_pane.scss */ /* line 202, ../sass/tree/_pane.scss */
.split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right .holder.inspector-holder ul li { .split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right .holder.inspector-holder ul li {
font-size: 0.9em; font-size: 0.9em;
padding: 2px 0px; padding: 2px 0px;
margin: 2px 0px; margin: 2px 0px;
border-top: solid 1px grey; } border-top: solid 1px grey; }
/* line 208, ../sass/tree/_pane.scss */ /* line 209, ../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 { .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; } border-top-width: 0px; }
/* line 213, ../sass/tree/_pane.scss */ /* line 214, ../sass/tree/_pane.scss */
.split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right .holder.inspector-holder ul li em { .split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right .holder.inspector-holder ul li em {
font-weight: bold; } font-weight: bold; }
/* 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:after { .split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right .holder.inspector-holder ul li em:after {
content: '\A'; content: '\A';
white-space: pre; } white-space: pre; }
/* 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 { .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 226, ../sass/tree/_pane.scss */ /* line 227, ../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;
@ -5278,13 +5279,13 @@ input[type="text"] {
padding-bottom: 0; padding-bottom: 0;
margin: 2px; margin: 2px;
line-height: 15px; } line-height: 15px; }
/* line 233, ../sass/tree/_pane.scss */ /* line 234, ../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 244, ../sass/tree/_pane.scss */ /* line 245, ../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 247, ../sass/tree/_pane.scss */ /* line 248, ../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;
@ -5292,13 +5293,13 @@ input[type="text"] {
margin-right: 4px; margin-right: 4px;
text-shadow: black 0 1px 2px; text-shadow: black 0 1px 2px;
z-index: 2; } z-index: 2; }
/* line 261, ../sass/tree/_pane.scss */ /* line 262, ../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; } margin-left: -6px; }
/* line 267, ../sass/tree/_pane.scss */ /* line 268, ../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; }

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

@ -123,14 +123,15 @@ $transitionTime: 0.35s; // For the left menu open/close
background-color: darken($colorBodyFg, 25%); background-color: darken($colorBodyFg, 25%);
width: 11px !important; width: 13px !important;
height: 16px; height: 16px;
line-height: 16px; line-height: 16px;
font-size: 10px; font-size: 10px;
text-align: center;
// Open and closes treeview // Open and closes treeview
&.left { &.left {
left: -10px; left: -12px;
top: 3px; top: 3px;
border-top-right-radius: 2px; border-top-right-radius: 2px;
@ -140,7 +141,7 @@ $transitionTime: 0.35s; // For the left menu open/close
&.inactivePane { &.inactivePane {
left: -15px; left: -15px;
&:after { &:after {
content: '>';//'F'; content: 'F';//'>';
} }
} }
&.activePane:after { &.activePane:after {
@ -151,8 +152,8 @@ $transitionTime: 0.35s; // For the left menu open/close
// Open and closes object inspector // Open and closes object inspector
&.right { &.right {
float: right; float: right;
right: -8px; right: -9px;
top: -13px;// 14px; top: -13px;
border-top-left-radius: 2px; border-top-left-radius: 2px;
border-bottom-left-radius: 2px; border-bottom-left-radius: 2px;
@ -161,7 +162,7 @@ $transitionTime: 0.35s; // For the left menu open/close
&.inactivePane { &.inactivePane {
right: -12px; right: -12px;
&:after { &:after {
content: '<'; content: 'G';//'<';
} }
} }
&.activePane:after { &.activePane:after {