From 1c4603a3764fda597f6f2b9c3c1a1ae29390a61a Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Mon, 27 Mar 2017 19:53:44 +0200 Subject: show triangle below user menu too when an entry inside there is active Signed-off-by: Jan-Christoph Borchardt --- core/css/header.scss | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/core/css/header.scss b/core/css/header.scss index 6f41dd8154f..33b6ca69e96 100644 --- a/core/css/header.scss +++ b/core/css/header.scss @@ -344,6 +344,7 @@ nav { /* User menu on the right */ #expand { + position: relative; display: flex; align-items: center; padding: 7px 20px 6px 10px; @@ -388,6 +389,23 @@ nav { } } +/* show triangle below user menu if active */ +#body-settings #expand:before { + content: ' '; + height: 0; + width: 0; + position: absolute; + pointer-events: none; + border: 0 solid transparent; + border-bottom-color: white; + border-width: 10px; + transform: translateX(-50%); + left: 26px; + bottom: 0; + z-index: 100; + display: block; +} + #expanddiv { position: absolute; right: 13px; -- cgit v1.2.3 From ef07f276285f333fc0376c73b21c38547f6d9774 Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Mon, 27 Mar 2017 20:24:28 +0200 Subject: add pointer finger to full clickable app icon area Signed-off-by: Jan-Christoph Borchardt --- core/css/header.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/core/css/header.scss b/core/css/header.scss index 33b6ca69e96..6a445194e14 100644 --- a/core/css/header.scss +++ b/core/css/header.scss @@ -457,6 +457,7 @@ nav { vertical-align: top !important; height: 20px; padding: 12px; + cursor: pointer; a { opacity: 0.6; -- cgit v1.2.3 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