refactor(src/styles/notification): remove unused notification CSS
This commit is contained in:
3 files changed
+1
-78
No files matched your search
@@ -1,11 +1,4 @@
|
||||
/* Expanded view styles - notifications use their default styling */
|
||||
#expanded-notification-list {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
#expanded-notification-list #notification-group-header:hover {
|
||||
background-color: @fg-a10;
|
||||
}
|
||||
|
||||
#notification-group-title {
|
||||
font-size: 19px;
|
||||
@@ -19,12 +12,6 @@
|
||||
border-radius: apply(radius-md);
|
||||
}
|
||||
|
||||
#notification-close-all {
|
||||
margin: 10px 10px 10px 0;
|
||||
background-color: @bg-a95;
|
||||
border-radius: apply(radius-md);
|
||||
}
|
||||
|
||||
#notif-close-button {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
@@ -3,19 +3,6 @@
|
||||
margin: 4px 0;
|
||||
}
|
||||
|
||||
/* Single notification (no stacking) */
|
||||
#single-notification-content {
|
||||
background-color: @bg-a50;
|
||||
border: 1.5px solid @bg-a90;
|
||||
border-radius: apply(radius-md);
|
||||
padding: 12px;
|
||||
transition: all apply(transition-medium) ease;
|
||||
}
|
||||
|
||||
#single-notification-content:hover {
|
||||
background-color: @fg-a10;
|
||||
}
|
||||
|
||||
/* Stacked notification container */
|
||||
#notification-stack-container {
|
||||
background-color: transparent;
|
||||
@@ -70,20 +57,6 @@
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
/* Collapsed notification state */
|
||||
#notification-content-collapsed {
|
||||
background-color: @bg-a50;
|
||||
border: 1px solid @bg-a90;
|
||||
border-radius: apply(radius-md);
|
||||
padding: 12px;
|
||||
margin: 2px 0;
|
||||
transition: all apply(transition-medium) ease;
|
||||
}
|
||||
|
||||
#notification-content-collapsed:hover {
|
||||
background-color: @fg-a10;
|
||||
}
|
||||
|
||||
/* Notification count badge */
|
||||
#notification-count-label {
|
||||
background-color: @fg-a20;
|
||||
@@ -94,4 +67,3 @@
|
||||
font-weight: 500;
|
||||
min-width: 16px;
|
||||
}
|
||||
|
||||
@@ -1,37 +1 @@
|
||||
/* Stacked notification group styles */
|
||||
.stacked-notification-group {
|
||||
margin: 4px 0;
|
||||
}
|
||||
|
||||
.stacked-notification-container {
|
||||
}
|
||||
|
||||
.stacked-notification-item {
|
||||
background-color: @bg-a50;
|
||||
border: 1px solid @bg-a90;
|
||||
border-radius: apply(radius-md);
|
||||
transition: all apply(transition-slow) cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
}
|
||||
|
||||
#notif-clear-btn {
|
||||
border-radius: 10px;
|
||||
font-size: apply(font-sm);
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
#notif-clear-btn:hover {
|
||||
background-color: var(--surface-bright);
|
||||
}
|
||||
|
||||
#stacked-notification-item:hover {
|
||||
background-color: @fg-a10;
|
||||
}
|
||||
|
||||
/* Stack count indicator */
|
||||
#stack-count-indicator {
|
||||
font-size: apply(font-2xs);
|
||||
color: @fg-a70;
|
||||
margin: 2px 8px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
/* Stacked notification group styles removed - unused */
|
||||
Reference in new issue
Block a user