ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2024-12-20 13:43:09 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[Search] Update style for link icons

Browse Source 
Added styling to correctly position and color
link icons within the search resutls list.
This commit is contained in:
slhale 2015-08-25 08:56:28 -07:00
parent c81e2dbb4a
commit 6571da922d
3 changed files with 28 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2572,7 +2572,7 @@ label.checkbox.custom {
box-sizing: border-box; box-sizing: border-box;
border-top: 1px solid #737373; border-top: 1px solid #737373;
color: #d9d9d9; color: #d9d9d9;
line-height: 1.4rem; line-height: 1.5rem;
padding: 3px 10px 3px 30px; padding: 3px 10px 3px 30px;
position: relative; position: relative;
white-space: nowrap; } white-space: nowrap; }
@ -2643,7 +2643,7 @@ label.checkbox.custom {
.menu-element .checkbox-menu ul li .checkbox { .menu-element .checkbox-menu ul li .checkbox {
position: absolute; position: absolute;
left: 5px; left: 5px;
top: 0.46667rem; } top: 0.53333rem; }
/* line 106, ../sass/controls/_menus.scss */ /* line 106, ../sass/controls/_menus.scss */
.menu-element .checkbox-menu ul li .checkbox em { .menu-element .checkbox-menu ul li .checkbox em {
height: 0.7rem; height: 0.7rem;

28
platform/commonUI/general/res/css/tree.css
View File

@ -445,37 +445,47 @@ ul.tree {
/* line 282, ../sass/search/_search.scss */ /* line 282, ../sass/search/_search.scss */
.search .search-scroll .results .search-result-item.selected .label .type-icon { .search .search-scroll .results .search-result-item.selected .label .type-icon {
color: #fff; } color: #fff; }
/* line 289, ../sass/search/_search.scss */ /* line 287, ../sass/search/_search.scss */
.search .search-scroll .results .search-result-item .label .type-icon .l-icon-link {
text-shadow: black 0 1px 2px;
z-index: 2;
color: #49dedb;
font-size: 8px;
line-height: 8px;
height: 8px;
width: 8px;
margin-left: -25px; }
/* line 296, ../sass/search/_search.scss */
.search .search-scroll .results .search-result-item:not(.selected):hover { .search .search-scroll .results .search-result-item:not(.selected):hover {
background: #404040; background: #404040;
color: #cccccc; } color: #cccccc; }
/* line 292, ../sass/search/_search.scss */ /* line 299, ../sass/search/_search.scss */
.search .search-scroll .results .search-result-item:not(.selected):hover .context-trigger { .search .search-scroll .results .search-result-item:not(.selected):hover .context-trigger {
display: block; } display: block; }
/* line 295, ../sass/search/_search.scss */ /* line 302, ../sass/search/_search.scss */
.search .search-scroll .results .search-result-item:not(.selected):hover .icon { .search .search-scroll .results .search-result-item:not(.selected):hover .icon {
color: #33ccff; } color: #33ccff; }
/* line 303, ../sass/search/_search.scss */ /* line 310, ../sass/search/_search.scss */
.search .search-scroll .load-icon { .search .search-scroll .load-icon {
position: relative; } position: relative; }
/* line 305, ../sass/search/_search.scss */ /* line 312, ../sass/search/_search.scss */
.search .search-scroll .load-icon.loading { .search .search-scroll .load-icon.loading {
pointer-events: none; pointer-events: none;
margin-left: 6px; } margin-left: 6px; }
/* line 309, ../sass/search/_search.scss */ /* line 316, ../sass/search/_search.scss */
.search .search-scroll .load-icon.loading .title-label { .search .search-scroll .load-icon.loading .title-label {
font-style: italic; font-style: italic;
font-size: .9em; font-size: .9em;
opacity: 0.5; opacity: 0.5;
margin-left: 26px; margin-left: 26px;
line-height: 24px; } line-height: 24px; }
/* line 319, ../sass/search/_search.scss */ /* line 326, ../sass/search/_search.scss */
.search .search-scroll .load-icon.loading .wait-spinner { .search .search-scroll .load-icon.loading .wait-spinner {
margin-left: 6px; } margin-left: 6px; }
/* line 324, ../sass/search/_search.scss */ /* line 331, ../sass/search/_search.scss */
.search .search-scroll .load-icon:not(.loading) { .search .search-scroll .load-icon:not(.loading) {
cursor: pointer; } cursor: pointer; }
/* line 329, ../sass/search/_search.scss */ /* line 336, ../sass/search/_search.scss */
.search .search-scroll .load-more-button { .search .search-scroll .load-more-button {
margin-top: 5px 0; margin-top: 5px 0;
font-size: 0.8em; font-size: 0.8em;

7
platform/commonUI/general/res/sass/search/_search.scss
View File

@ -283,6 +283,13 @@
color: #fff; color: #fff;
} }
} }
.label .type-icon .l-icon-link {
@include txtShdwSubtle(1);
z-index: 2;
@include ancillaryIcon(8px, $colorIconLink);
margin-left: -25px;
}
// Change styling when it's being hovered over // Change styling when it's being hovered over
&:not(.selected) { &:not(.selected) {