Browse Source

adjust opacity of search and gear icons in header

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
Jan-Christoph Borchardt 7 years ago
parent
commit
7d3b0adf0a
2 changed files with 7 additions and 2 deletions
  1. 6 1
      core/css/header.scss
  2. 1 1
      core/css/styles.scss

+ 6 - 1
core/css/header.scss

@@ -385,10 +385,15 @@ nav {
 
 	#expandDisplayName {
 		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 */
 #body-settings #expand:before {
 	content: ' ';

+ 1 - 1
core/css/styles.scss

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