adjust opacity of search and gear icons in header

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
This commit is contained in:
Jan-Christoph Borchardt 2017-03-27 23:30:09 +02:00
parent ef07f27628
commit 7d3b0adf0a
2 changed files with 7 additions and 2 deletions

View File

@ -385,10 +385,15 @@ nav {
#expandDisplayName { #expandDisplayName {
padding: 8px; padding: 8px;
opacity: .7; opacity: .6;
} }
} }
/* full opacity for gear icon if active */
#body-settings #expandDisplayName {
opacity: 1;
}
/* show triangle below user menu if active */ /* show triangle below user menu if active */
#body-settings #expand:before { #body-settings #expand:before {
content: ' '; content: ' ';

View File

@ -187,7 +187,7 @@ body {
-webkit-transition: all 100ms; -webkit-transition: all 100ms;
transition: all 100ms; transition: all 100ms;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)'; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
opacity: .7; opacity: .6;
&:focus, &:active, &:valid { &:focus, &:active, &:valid {
color: $color-primary-text; color: $color-primary-text;
width: 155px; width: 155px;