mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

Stack toasts

Browse source
This commit is contained in:
Dmitry Lyzo 2022-01-17 23:27:28 +03:00
parent c2629b5c3f
commit cd17f52b74
2 changed files with 42 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

33
src/components/toast/toast.scss
View file

@ -1,5 +1,15 @@
.toast {
.toastContainer {
position: fixed;
left: 0;
bottom: 0;
pointer-events: none;
z-index: 9999999;
padding: 1em;
display: flex;
flex-direction: column;
}
.toast {
min-width: 20em;
box-sizing: border-box;
box-shadow: 0 0.0725em 0.29em 0 rgba(0, 0, 0, 0.37);
@ -8,13 +18,26 @@
transition: transform 0.3s ease-out;
min-height: initial;
padding: 1em 1.5em;
bottom: 1em;
left: 1em;
font-size: 110%;
z-index: 9999999;
margin: 0.25em 0;
margin-right: auto;
pointer-events: initial;
}
.toast:first-child {
margin-top: 0;
}
.toast:last-child {
margin-bottom: 0;
transform: translateY(16em);
}
.toastVisible {
.toast.toastVisible {
transform: none;
}
.toast.toastHide {
opacity: 0;
transition: opacity 0.3s ease-out;
}