From f9be1e39a13528e21b0bb6543760fa7632fcef01 Mon Sep 17 00:00:00 2001
From: Cadence Ember <cadence@disroot.org>
Date: Mon, 3 Feb 2025 15:48:16 +1300
Subject: [PATCH] Improve dropdown button

---
 src/web/pug/includes/template.pug | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/web/pug/includes/template.pug b/src/web/pug/includes/template.pug
index 0067c4c..0ed7662 100644
--- a/src/web/pug/includes/template.pug
+++ b/src/web/pug/includes/template.pug
@@ -55,6 +55,9 @@ html(lang="en")
         --_bu-number-fc: var(--white);
         --_bu-number-fc-filled: var(--black);
       }
+      .s-btn__dropdown:has(+ :popover-open) {
+        background-color: var(--theme-topbar-item-background-hover, var(--black-200)) !important;
+      }
   body.themed.theme-system
     header.s-topbar
       .s-topbar--skip-link(href="#content") Skip to main content
@@ -76,7 +79,7 @@ html(lang="en")
                 button.s-topbar--item.s-btn.s-btn__muted.s-user-card(popovertarget="guilds")
                   +guild(discord.guilds.get(guild_id))
               else if managed.length
-                button.s-topbar--item.s-btn.s-btn__muted.s-btn__dropdown.pr24.s-user-card.s-label(popovertarget="guilds")
+                button.s-topbar--item.s-btn.s-btn__muted.s-btn__dropdown.pr24.s-user-card.bar0.fc-black(popovertarget="guilds")
                   | Your servers
               #guilds(popover data-popper-placement="bottom" style="display: revert; width: revert;").s-popover.overflow-visible
                 .s-popover--arrow.s-popover--arrow__tc
@@ -95,8 +98,7 @@ html(lang="en")
         e.addEventListener("click", () => {
           const rect = e.getBoundingClientRect()
           const t = `:popover-open { position: absolute; top: ${Math.floor(rect.bottom)}px; left: ${Math.floor(rect.left + rect.width / 2)}px; width: ${Math.floor(rect.width)}px; transform: translateX(-50%); box-sizing: content-box; margin: 0 }`
-          // console.log(t)
-          document.styleSheets[0].insertRule(t)
+          document.styleSheets[0].insertRule(t, document.styleSheets[0].cssRules.length)
         })
       })
     script(src=rel("/static/htmx.js"))