mirror of
https://github.com/zen-browser/desktop.git
synced 2026-04-20 06:21:00 +00:00
Refactor zen-browser-ui.css to add styling for the Notification Stack
This commit is contained in:
@@ -37,3 +37,26 @@
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
/* Notification Stack */
|
||||
|
||||
.notificationbox-stack {
|
||||
|
||||
&[notificationside="top"] {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
width: fit-content;
|
||||
max-width: 30rem !important;
|
||||
|
||||
& notification-message {
|
||||
background: var(--zen-colors-tertiary);
|
||||
border-left: 1px solid var(--arrowpanel-border-color);
|
||||
border-top-left-radius: var(--zen-border-radius);
|
||||
|
||||
&::before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user