From dadcc394b78647ac739c63d9e925bea53289c921 Mon Sep 17 00:00:00 2001
From: Wes Appler <145372368+wes-otf@users.noreply.github.com>
Date: Thu, 11 Jul 2024 12:32:00 -0400
Subject: [PATCH] Small user menu improvements (#4047)
Fixes #4046. Changes the user menu button hover color to the same as the
"My Tasks" bell, removes the grey background, and adds the same
animation that the "My Tasks" bell has
---
hypha/templates/includes/user_menu.html | 6 +++---
1 file changed, 3 insertions(+), 3 deletions(-)
diff --git a/hypha/templates/includes/user_menu.html b/hypha/templates/includes/user_menu.html
index d135f7df9..3c8951a62 100644
--- a/hypha/templates/includes/user_menu.html
+++ b/hypha/templates/includes/user_menu.html
@@ -4,11 +4,11 @@
<div x-data="{ show: false }" x-on:keydown.escape="show = false" class="relative flex">
<button
x-on:click="show = ! show"
- class="font-bold flex items-center transition-all rounded-sm px-1.5 bg-gray-100"
+ class="font-bold flex items-center transition-all rounded-sm px-1.5 group"
type="button"
- :class="show ? 'bg-gray-900 text-white' : 'hover:bg-light-blue/30'"
+ :class="show ? 'bg-gray-900 text-white' : 'hover:bg-slate-200'"
>
- {% heroicon_micro "user-circle" class="inline align-text-bottom w-8 h-8 md:me-1" aria_hidden=true %}
+ {% heroicon_micro "user-circle" class="inline group-hover:scale-110 transition-transform align-text-bottom w-8 h-8 md:me-1" aria_hidden=true %}
<span class="hidden md:inline-block truncate max-w-36">{{ request.user }}</span>
</button>
--
GitLab