Revamped Notification and NotificationCenter
This commit is contained in:
1 parent
5e950a98bd
commit
855dd2859f
3 files changed
+42
-27
No files matched your search
+17
-10
@@ -1,23 +1,29 @@
|
||||
#notification {
|
||||
padding: 16px;
|
||||
padding: 10px;
|
||||
background-color: alpha(#fff, 0.03);
|
||||
border-radius: 20px;
|
||||
margin: 4px;
|
||||
border-radius: 8px;
|
||||
margin-top: 10px;
|
||||
margin-right: 10px;
|
||||
/* margin: 5px; */
|
||||
}
|
||||
|
||||
#notification-action-buttons button.start-action {
|
||||
border-radius: 20px;
|
||||
#notification-close-button {
|
||||
background-color: alpha(#999, 0.3);
|
||||
border-radius: 8px;
|
||||
}
|
||||
#notification-close-button:hover {
|
||||
background-color: alpha(#2369ff, 0.9);
|
||||
}
|
||||
|
||||
#notification-action-buttons button {
|
||||
background-color: alpha(#999, 0.3);
|
||||
padding: 8px;
|
||||
border-radius: 20px;
|
||||
padding: 4px;
|
||||
border-radius: 7px;
|
||||
transition: background-color 0.1s ease;
|
||||
}
|
||||
|
||||
#notification-action-buttons button:hover {
|
||||
background-color: alpha(#000, 0.3);
|
||||
background-color: alpha(#2369ff, 0.9);
|
||||
}
|
||||
|
||||
#notification-action-buttons button:active {
|
||||
@@ -35,16 +41,17 @@
|
||||
|
||||
#notification-summary,
|
||||
#button-label {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#notification-summary {
|
||||
font-weight: bold;
|
||||
color: var(--primary);
|
||||
font-size: 16px;
|
||||
/* color: var(--primary); */
|
||||
}
|
||||
|
||||
#notification-app-name {
|
||||
color: var(--outline);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#action-button {
|
||||
|
||||
Reference in new issue
Block a user