alihan/openmct
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Frontend] Markup and CSS for link icon indicators

Browse Source 
WTD-1423
Added small icon to upper right;
IN PROGRESS;
This commit is contained in:
Charles Hacskaylo
2015-06-30 18:13:17 -07:00
parent d5d7ac90ac
commit e0727e8485
6 changed files with 32 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
platform/commonUI/general/res/sass/_constants.scss
View File

@@ -42,7 +42,7 @@ $colorKeySelectedBg: #005177;
$colorKeyFg: #fff;
$colorAlt1: #ffc700;
$colorAlert: #ff3c00;
$colorIconLink: #5bf5ef;
$colorIconLink: #49dedb;
$colorPausedBg: #c56f01;
$colorPausedFg: #fff;
$colorCreateBtn: $colorKey;

6
platform/commonUI/general/res/sass/_icons.scss
View File

@@ -83,8 +83,4 @@
.super-menu.menu.dropdown .icon {
//font-size: $menuLineH * 0.95 // Normalizing for new icomoon symbols font
}
.l-link-icon {
}
}

12
platform/commonUI/general/res/sass/items/_item.scss
View File

@@ -66,7 +66,10 @@
.left, .right {
width: auto;
.icon {
margin-left: $interiorMargin;
margin-left: $interiorMarginSm;
&.l-link-icon {
color: $colorIconLink;
}
}
}
}
@@ -95,14 +98,13 @@
top: $iconMargin - 10;
//line-height: $lh;
.l-link-icon {
//@include test(blue);
//@include trans-prop-nice("color", $transTime);
color: darken($colorIconLink, 35%);
// When the link icon is in the item-type icon holder
color: darken($colorIconLink, 25%);
height: 36px;
line-height: 36px;
position: absolute;
font-size: 32px;
right: -10px;
right: -13px;
bottom: -10px;
z-index: 2;
}