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

[Search] Text clear size & hover

Browse Source 
The search bar clear button now gets
highlighted when hovered over, and the
click area is slightly larger.
This commit is contained in:
slhale
2015-08-14 15:38:02 -07:00
parent 0f6287e715
commit 31337eaf4f
2 changed files with 50 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -110,16 +110,20 @@
visibility: hidden;
opacity: 0;
transition: visibility .15s, opacity .15s;
transition: visibility .15s, opacity .15s, color .2s;
&.content {
visibility: visible;
opacity: 1;
}
&:hover {
color: lighten($colorItemFg, 20%);
}
// Modifications for existence of menu icon:
right: 16px;
padding-right: 2px;
right: 3px + 6px + 6px;
padding-right: 4px;
}
.menu-icon {
@@ -131,7 +135,7 @@
color: $colorItemFg;
font-size: 6px;
padding: 6px;
padding-left: 4px;
padding-left: 3px;
right: 0px;
top: -3px;