Restyle toast notifications to tone down colors

pull/2472/head
Rigel Kent 2020-02-04 17:34:06 +01:00 committed by Chocobozzz
parent c9c2b1624c
commit 28c801b6d0
1 changed files with 14 additions and 12 deletions

View File

@ -389,25 +389,27 @@ p-toast {
.ui-toast-message { .ui-toast-message {
font-family: $main-fonts; font-family: $main-fonts;
background-color: var(--mainBackgroundColor) !important;
border-radius: 5px;
box-sizing: border-box;
border: 1px solid #EBEEF5 !important;
box-shadow: 0 2px 12px 0 rgba(0, 0 , 0, .1);
overflow: hidden;
&.ui-toast-message-success { &.ui-toast-message-success .glyphicon {
color: #fff !important; color: #8BC34A !important;
background-color: #8BC34A !important;
} }
&.ui-toast-message-error { &.ui-toast-message-error .glyphicon {
color: #fff !important; color: #F44336 !important;
background-color: #F44336 !important;
} }
&.ui-toast-message-info { &.ui-toast-message-warn .glyphicon {
color: #fff !important; color: #F1680D !important;
background-color: #03A9F4 !important;
} }
&.ui-toast-message-info { &.ui-toast-message-info .glyphicon {
color: #fff !important; color: #03A9F4 !important;
background-color: #03A9F4 !important;
} }
.notification-block { .notification-block {