From b8bde920424956cb8f258b04f954b9426e5f2381 Mon Sep 17 00:00:00 2001 From: S4NKALP Date: Thu, 23 Jul 2026 11:26:17 +0545 Subject: [PATCH] style(notification): update close button to match SwayNotificationCenter design - Remove opacity transition (Revealer handles visibility now) - Bump min-size from 20px to 24px to match SwayNotificationCenter - Zero padding for circular button appearance - Use @glass-hover/@glass-active for consistent theme colors --- .../notification/notification_buttons.css | 18 +++++------------- 1 file changed, 5 insertions(+), 13 deletions(-) diff --git a/src/styles/notification/notification_buttons.css b/src/styles/notification/notification_buttons.css index b66688a..ffeffed 100644 --- a/src/styles/notification/notification_buttons.css +++ b/src/styles/notification/notification_buttons.css @@ -1,23 +1,15 @@ #notification-close-button { - background-color: @glass-panel; + background-color: @glass-hover; border-radius: 999px; - padding: 4px; - margin-top: 8px; - margin-right: 8px; - margin-left: -32px; + padding: 0; + margin: 6px 6px 0 0; min-width: 24px; min-height: 24px; - opacity: 0; - transition: background-color apply(transition-fast), opacity apply(transition-fast); -} - -#notification-close-button.hover, -#notification-close-button:hover { - opacity: 1; + transition: background-color apply(transition-fast); } #notification-close-button:hover { - background-color: @glass-surface-4; + background-color: @glass-active; }