paradizelost/paperless-ngx
1
0
Fork 0
mirror of https://github.com/paperless-ngx/paperless-ngx.git synced 2025-07-28 18:24:38 -05:00
Code Issues Packages Projects Releases Wiki Activity

Make error message toasts more visually distinct

Browse Source
This commit is contained in:
shamoon
2023-02-16 19:41:38 -08:00
parent 21c0413240
commit 63782d95ff
2 changed files with 19 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src-ui/src/app/components/common/toasts/toasts.component.scss
View File

@@ -9,3 +9,14 @@
.toast:not(.show) {
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.error .toast-body {
background-color: hsla(350, 79%, 40%, 0.8); // bg-danger
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}