From c894f2bae55e39e3fa8236c84fbf425b1bb4af7e Mon Sep 17 00:00:00 2001
From: Zack Spear <hi@zackspear.com>
Date: Thu, 22 Jun 2023 12:23:35 -0500
Subject: [PATCH] refactor: DropdownTrigger hover/focus underline

---
 components/UserProfile/DropdownTrigger.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/components/UserProfile/DropdownTrigger.vue b/components/UserProfile/DropdownTrigger.vue
index 9050d4480..817ece42c 100644
--- a/components/UserProfile/DropdownTrigger.vue
+++ b/components/UserProfile/DropdownTrigger.vue
@@ -44,7 +44,10 @@ const title = computed((): string => {
   >
     <InformationCircleIcon v-if="pluginOutdated" class="text-unraid-red fill-current relative w-24px h-24px" />
     <ExclamationTriangleIcon v-else-if="showErrorIcon" class="text-unraid-red fill-current relative w-24px h-24px" />
-    <span v-if="text" class="leading-none">{{ text }}</span>
+    <span v-if="text" class="relative leading-none">
+      <span>{{ text }}</span>
+      <span class="absolute bottom-[-3px] inset-x-0 h-2px w-full bg-gradient-to-r from-unraid-red to-orange rounded opacity-0 group-hover:opacity-100 group-focus:opacity-100 transition-opacity"></span>
+    </span>
     <UpcDropdownTriggerMenuIcon :open="dropdownVisible" />
     <BrandAvatar />
   </button>