diff --git a/src/equicordplugins/bannersEverywhere/style.css b/src/equicordplugins/bannersEverywhere/style.css index c99e5ca7..f8f052ff 100644 --- a/src/equicordplugins/bannersEverywhere/style.css +++ b/src/equicordplugins/bannersEverywhere/style.css @@ -1,11 +1,17 @@ /* stylelint-disable property-no-vendor-prefix */ .vc-banners-everywhere-memberlist { + position: absolute; + left: 0; + border-radius: var(--radius-sm); opacity: 0.8; -webkit-mask-image: linear-gradient(to right, transparent 20%, #fff); mask-image: linear-gradient(to right, transparent 20%, #fff); object-fit: cover; width: 100%; height: 100%; - position: absolute; cursor: pointer; } + +.vc-banners-everywhere-memberlist ~ div { + z-index: 1; +} diff --git a/src/equicordplugins/unreadBadgeCount/index.tsx b/src/equicordplugins/unreadBadgeCount/index.tsx index e133dff3..05cde5e3 100644 --- a/src/equicordplugins/unreadBadgeCount/index.tsx +++ b/src/equicordplugins/unreadBadgeCount/index.tsx @@ -18,12 +18,13 @@ import { JSX } from "react"; const UserGuildSettingsStore = findStoreLazy("UserGuildSettingsStore"); const JoinedThreadsStore = findStoreLazy("JoinedThreadsStore"); -function NumberBadge({ className, count, width }) { +function NumberBadge({ className, count, width, padding }) { // To whoever used svgs here, // Please. svgs bad and buggy unless used as an icon + // + The css values are directly copied from discord's ping badge return
{count}
; @@ -99,6 +100,12 @@ export default definePlugin({ // Im not sure if the "dot" ever appends, hence why the css is almost left unmodified for these classes const className = `vc-unreadCountBadge${whiteDot ? "-dot" : ""}${channel.threadMetadata ? "-thread" : ""}`; + + let paddingValue: Number = 0; + if (unreadCount >= 100) { paddingValue = 4; } else + if (unreadCount >= 10) { paddingValue = 2; } else + paddingValue = 0; + return ( 10 ? 22 : 16 + unreadCount >= 10 ? 22 : 16 } + padding={paddingValue} /> ); }, { noop: true }),