Feature: compact toasts (#4545)

This commit is contained in:
shamoon
2023-11-13 13:17:44 -08:00
committed by GitHub
parent facb7226fe
commit 90707d661b
9 changed files with 127 additions and 119 deletions

View File

@@ -2,7 +2,7 @@
position: fixed;
top: 0;
right: 0;
margin: 0.5em;
margin: 0.3em;
z-index: 1200;
}
@@ -10,13 +10,23 @@
display: block; // this corrects an ng-bootstrap bug that prevented animations
}
::ng-deep .toast.error .toast-header {
background-color: hsla(350, 79%, 40%, 0.8); // bg-danger
border-color: black;
::ng-deep .toast-body {
position: relative;
}
::ng-deep .toast.error {
border-color: hsla(350, 79%, 40%, 0.4); // bg-danger
}
::ng-deep .toast.error .toast-body {
background-color: hsla(350, 79%, 40%, 0.8); // bg-danger
border-top-left-radius: inherit;
border-top-right-radius: inherit;
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
.progress {
background-color: var(--pngx-primary);
opacity: .07;
}