frontend/src/css/modules/notification.scss
// notification override
#toast-container {
top: 64px;
right: 0;
box-shadow: none;
&>:hover {
box-shadow: none;
}
}
.toast-message {
font-size: 14px;
font-weight: bold;
a {
color: $light-link;
&:hover {
text-decoration: none;
}
}
}
.toast {
word-break: initial;
&.toast-success {
background-color: $med-green;
&:hover {
background-color: $med-green;
}
}
&.toast-error {
background-color: $med-red;
&:hover {
background-color: $med-red;
}
}
&.toast-info {
background-color: $blue;
&:hover {
background-color: $blue;
}
}
&.toast-wait {
background-color: $wait-blue;
&:hover {
background-color: $wait-blue;
}
}
&.toast-warning {
background-color: $med-orange;
&:hover {
background-color: $hover-orange;
}
}
}
//Hide it on small devices
@media only screen and (max-width: 992px) {
#toast-container {
bottom: unset;
}
}