From 4458ac011b5a6931206bd86221ca626ec53aac8e Mon Sep 17 00:00:00 2001
From: flashwave <me@flash.moe>
Date: Fri, 18 Jan 2019 15:16:06 +0100
Subject: [PATCH] Less bad hover effect on avatar.

---
 assets/less/classes/header.less | 9 +++------
 templates/_layout/header.twig   | 6 +++---
 2 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/assets/less/classes/header.less b/assets/less/classes/header.less
index 72a1a1f3..65c25d7c 100644
--- a/assets/less/classes/header.less
+++ b/assets/less/classes/header.less
@@ -127,16 +127,13 @@
                 width: var(--header-image-px);
                 height: var(--header-image-px);
                 margin-left: 5px;
-                transition: box-shadow .2s, width .1s, height .1s;
+                transition: width .1s, height .1s;
                 box-shadow: 0 0 4px #111;
 
                 &:hover,
-                &:focus {
-                    box-shadow: 0 0 0 1px var(--header-accent-colour), 0 0 4px #111;
-                }
-
+                &:focus,
                 &:active {
-                    box-shadow: 0 0 0 2px var(--header-accent-colour), 0 0 4px #111;
+                    box-shadow: inset 0 0 0 1px var(--user-colour), 0 0 4px #111;
                 }
             }
 
diff --git a/templates/_layout/header.twig b/templates/_layout/header.twig
index 30057592..e41e304c 100644
--- a/templates/_layout/header.twig
+++ b/templates/_layout/header.twig
@@ -123,8 +123,8 @@
             {% endfor %}
 
             {% if current_user is defined %}
-                <a href="/profile.php?u={{ current_user.user_id }}" class="avatar header__desktop__user__avatar"
-                    style="background-image:url('/profile.php?u={{ current_user.user_id }}&amp;m=avatar');" title="{{ current_user.username }}"></a>
+                <a href="/profile.php?u={{ current_user.user_id }}" class="avatar header__desktop__user__avatar" title="{{ current_user.username }}"
+                    style="background-image:url('/profile.php?u={{ current_user.user_id }}&amp;m=avatar');{{ current_user.user_colour|html_colour }}"></a>
             {% else %}
                 <a href="/auth.php?m=login" class="avatar header__desktop__user__avatar"
                     style="background-image:url('/profile.php?m=avatar');"></a>
@@ -149,7 +149,7 @@
 
         {{ input_checkbox_raw('', false, 'header__mobile__toggle', '', false, {'id':'toggle-mobile-header'}) }}
         <div class="header__mobile__menu">
-            <div class="header__mobile__menu__spacer"><!-- required because padding is DUMB and OVERRIDES max-height --></div>
+            <div class="header__mobile__menu__spacer"></div>
 
             <div class="header__mobile__user">
                 {% for item in user_menu %}