paradizelost/paperless-ngx
1
0
Fork 0
mirror of https://github.com/paperless-ngx/paperless-ngx.git synced 2025-04-02 13:45:10 -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 f7f841ce6d
commit 9cdf2f046f
2 changed files with 19 additions and 1 deletions
Show Stats 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;
}

9
src-ui/src/app/services/toast.service.ts
View File

@ -11,6 +11,8 @@ export interface Toast {
action?: any
actionName?: string
classname?: string
}
@Injectable({
@ -29,7 +31,12 @@ export class ToastService {
}
showError(content: string, delay: number = 10000) {
this.show({ title: $localize`Error`, content: content, delay: delay })
this.show({
title: $localize`Error`,
content: content,
delay: delay,
classname: 'error',
})
}
showInfo(content: string, delay: number = 5000) {