From 7d3b0adf0ad82411e49ccc2f0a75d5400ce7ebe4 Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Mon, 27 Mar 2017 23:30:09 +0200 Subject: adjust opacity of search and gear icons in header Signed-off-by: Jan-Christoph Borchardt --- core/css/header.scss | 7 ++++++- core/css/styles.scss | 2 +- 2 files changed, 7 insertions(+), 2 deletions(-) diff --git a/core/css/header.scss b/core/css/header.scss index 6a445194e14..aca1c0d5756 100644 --- a/core/css/header.scss +++ b/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: ' '; diff --git a/core/css/styles.scss b/core/css/styles.scss index a5b7f2481d9..71aa69d4bc1 100644 --- a/core/css/styles.scss +++ b/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; -- cgit v1.2.3