Changeset View
Changeset View
Standalone View
Standalone View
src/resources/themes/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; | ||||
| max-height: calc(100% - 1rem); | max-height: calc(100% - 1rem); | ||||
| overflow-y: auto; | overflow-y: auto; | ||||
| scrollbar-width: thin; | scrollbar-width: thin; | ||||
| scrollbar-color: rgba(52, 58, 64, 0.95) transparent; | scrollbar-color: rgba(52, 58, 64, 0.95) transparent; | ||||
| z-index: 1055; // above Bootstrap's modal backdrop and dialogs | z-index: 1065; // above Bootstrap's modal backdrop and dialogs | ||||
| @media (max-width: 375px) { | @media (max-width: 375px) { | ||||
| left: 0; | left: 0; | ||||
| width: auto; | width: auto; | ||||
| } | } | ||||
| } | } | ||||
| .toast { | .toast { | ||||
| Show All 17 Lines | strong { | ||||
| flex: 1; | flex: 1; | ||||
| } | } | ||||
| svg { | svg { | ||||
| font-size: 1.2em; | font-size: 1.2em; | ||||
| margin-right: 0.5rem; | margin-right: 0.5rem; | ||||
| } | } | ||||
| button.close { | .btn-close { | ||||
| color: #eee; | font-size: 0.8em; | ||||
| opacity: 1 !important; | cursor: pointer; | ||||
| text-shadow: none; | |||||
| font-size: 1.2rem; | |||||
| &:hover { | |||||
| color: #fff; | |||||
| } | |||||
| } | } | ||||
| } | } | ||||
| .toast-body { | .toast-body { | ||||
| color: #fff; | color: #fff; | ||||
| } | } | ||||