Changeset View
Changeset View
Standalone View
Standalone View
src/resources/sass/toast.scss
.toast-container { | .toast-container { | ||||
position: fixed; | position: fixed; | ||||
bottom: 0; | bottom: 0; | ||||
right: 0; | right: 0; | ||||
margin: 0.5rem; | margin: 0.5rem; | ||||
width: 320px; | width: 320px; | ||||
z-index: 1055; // above Bootstrap's modal backdrop and dialogs | z-index: 1055; // above Bootstrap's modal backdrop and dialogs | ||||
@media (max-width: 375px) { | |||||
left: 0; | |||||
width: auto; | |||||
} | |||||
} | } | ||||
.toast { | .toast { | ||||
background-color: rgba(52, 58, 64, 0.95); | background-color: rgba(52, 58, 64, 0.95); | ||||
&:not(:last-child) { | &:not(:last-child) { | ||||
margin-bottom: 0.3rem; | margin-bottom: 0.3rem; | ||||
} | } | ||||
@media (max-width: 375px) { | |||||
max-width: 100%; | |||||
} | |||||
} | } | ||||
.toast-header { | .toast-header { | ||||
background-color: #343a40; | background-color: #343a40; | ||||
border-color: #555; | border-color: #555; | ||||
color: #fff; | color: #fff; | ||||
strong { | strong { | ||||
Show All 23 Lines |