From 3686cc8c12eeace693429e6e10dc33a3e471e774 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?John=20Molakvo=C3=A6=20=28skjnldsv=29?= Date: Mon, 1 Oct 2018 10:15:11 +0200 Subject: [PATCH 1/2] Fix img seelct and variable for avatar hover MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: John Molakvoæ (skjnldsv) --- core/css/header.scss | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/core/css/header.scss b/core/css/header.scss index 93c2111711..532bb7d80f 100644 --- a/core/css/header.scss +++ b/core/css/header.scss @@ -352,10 +352,11 @@ nav[role='navigation'] { &:active { color: var(--color-primary-text); - img, #expandDisplayName { - border: 2px solid $color-primary-text; - margin-top: -2px; - margin-left: -2px; + .avatardiv, + #expandDisplayName { + background-color: var(--color-primary-text); + border: 2px solid var(--color-primary-text); + margin: -2px; } } From 7afa1cf2839b4ce97beae6d5311ecdc20e8b1d7d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?John=20Molakvo=C3=A6=20=28skjnldsv=29?= Date: Mon, 1 Oct 2018 12:50:56 +0200 Subject: [PATCH 2/2] Fix gear display and cursor MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: John Molakvoæ (skjnldsv) --- core/css/header.scss | 13 ++++++++++--- 1 file changed, 10 insertions(+), 3 deletions(-) diff --git a/core/css/header.scss b/core/css/header.scss index 532bb7d80f..39d97865ec 100644 --- a/core/css/header.scss +++ b/core/css/header.scss @@ -352,11 +352,17 @@ nav[role='navigation'] { &:active { color: var(--color-primary-text); - .avatardiv, - #expandDisplayName { - background-color: var(--color-primary-text); + #expandDisplayName, + .avatardiv{ + border-radius: 50%; border: 2px solid var(--color-primary-text); margin: -2px; + } + .avatardiv{ + background-color: var(--color-primary-text); + } + #expandDisplayName { + opacity: 1; } } @@ -379,6 +385,7 @@ nav[role='navigation'] { #expandDisplayName { padding: 8px; opacity: .6; + cursor: pointer; /* full opacity for gear icon if active */ #body-settings & {