mirror of https://github.com/Chocobozzz/PeerTube
Restyle toast notifications to tone down colors
parent
c9c2b1624c
commit
28c801b6d0
|
@ -389,25 +389,27 @@ p-toast {
|
|||
|
||||
.ui-toast-message {
|
||||
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 {
|
||||
color: #fff !important;
|
||||
background-color: #8BC34A !important;
|
||||
&.ui-toast-message-success .glyphicon {
|
||||
color: #8BC34A !important;
|
||||
}
|
||||
|
||||
&.ui-toast-message-error {
|
||||
color: #fff !important;
|
||||
background-color: #F44336 !important;
|
||||
&.ui-toast-message-error .glyphicon {
|
||||
color: #F44336 !important;
|
||||
}
|
||||
|
||||
&.ui-toast-message-info {
|
||||
color: #fff !important;
|
||||
background-color: #03A9F4 !important;
|
||||
&.ui-toast-message-warn .glyphicon {
|
||||
color: #F1680D !important;
|
||||
}
|
||||
|
||||
&.ui-toast-message-info {
|
||||
color: #fff !important;
|
||||
background-color: #03A9F4 !important;
|
||||
&.ui-toast-message-info .glyphicon {
|
||||
color: #03A9F4 !important;
|
||||
}
|
||||
|
||||
.notification-block {
|
||||
|
|
Loading…
Reference in New Issue