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
This commit is contained in:
sankalp committed 2026-07-23 11:26:17 +05:45
1 parent 072f77e8cc
commit b8bde92042
1 file changed
+5 -13
@@ -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;
}