From 2dcde8191da7c2a218c07e765e69c961c5ef3e62 Mon Sep 17 00:00:00 2001 From: GreenMan36 Date: Sun, 17 Dec 2023 13:56:23 +0100 Subject: [PATCH] FIX: Responsive Discord member bar selector --- files/discord-mods/themes/responsive-discord.css | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/files/discord-mods/themes/responsive-discord.css b/files/discord-mods/themes/responsive-discord.css index ae63239..e005412 100644 --- a/files/discord-mods/themes/responsive-discord.css +++ b/files/discord-mods/themes/responsive-discord.css @@ -113,10 +113,12 @@ div[class*="sidebarRegionScroller__"] > nav[class*="sidebar__"] > div[class*="si } /* animations */ -.container-2o3qEW, +[class*="container_"]:has(> [class^="membersList"]), .sidebar-1tnWFu { transition: max-width var(--sidebars-transition); -} /* change fullscreen popout background */ +} + +/* change fullscreen popout background */ .backdrop-2ByYRN.withLayer-2VVmpp { transition: all 0.2s ease-in-out; opacity: 1 !important; @@ -276,7 +278,7 @@ a.anchor-1MIwyf.anchorUnderlineOnHover-2qPutX.snowsgivingLink-1TZi3c { /* only enable colapsing member bar when below this window size */ @media (max-width: 1919px) { - .container-2o3qEW { + [class*="container_"]:has(> [class^="membersList"]) { max-width: 60px; position: absolute; top: var(--member-bar-top-offset); @@ -304,7 +306,7 @@ a.anchor-1MIwyf.anchorUnderlineOnHover-2qPutX.snowsgivingLink-1TZi3c { } /* expand memberlist on hover */ - .container-2o3qEW:hover { + [class*="container_"]:has(> [class^="membersList"]):hover { transition: max-width 0s; max-width: 240px; }