diff --git a/src/app/components/toast/toast.component.html b/src/app/components/toast/toast.component.html index a3670d3c719b6e6094d13f4ca365e9207108ccd4..8499d0ce27e89c5041e598821e9d9becd9fc318f 100644 --- a/src/app/components/toast/toast.component.html +++ b/src/app/components/toast/toast.component.html @@ -1,6 +1,6 @@ <div class="toast-holder"> <div *ngFor="let toast of toasts | keyvalue"> - <div class="toast drugstone-prefix-{{toast.value.type}}"> + <div class="toast {{toast.value.type}}"> <a (click)="close(toast.key)" aria-label="close" class="close"> <span class="icon" title="Close analysis"> <i class="fas fa-times" aria-hidden="true"></i> diff --git a/src/app/components/toast/toast.component.scss b/src/app/components/toast/toast.component.scss index 6a7f84779bb18529b6adcf049a4e9206eac3d067..c55ca2888f84089e7401f341dc9ba457069403e1 100644 --- a/src/app/components/toast/toast.component.scss +++ b/src/app/components/toast/toast.component.scss @@ -16,19 +16,19 @@ box-shadow: 0 0.5em 1em -0.125em hsla(0, 0%, 4%, 0.1), 0 0 0 1px hsla(0, 0%, 4%, 0.02); margin: 0 auto; - &.drugstone-prefix-danger { + &.drugstone-plugin-danger { color: var(--drgstn-text-secondary); background-color: var(--drgstn-danger); } - &.drugstone-prefix-success { + &.drugstone-plugin-success { color: var(--drgstn-text-secondary) !important; background-color: var(--drgstn-success); } - &.drugstone-prefix-warning { + &.drugstone-plugin-warning { color: var(--drgstn-text-secondary); background-color: var(--drgstn-warning); } - &.drugstone-prefix-info { + &.drugstone-plugin-info { color: var(--drgstn-text-secondary); background-color: var(--drgstn-info); }