shinuwa/sokko-g
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

keepsafe rework & alert ajustments
All checks were successful
Deploy Sokko G / deploy (push) Successful in 7s
Details

Browse source
This commit is contained in:
Shinuwa 2026-07-26 17:48:14 +02:00
parent 68005ef918
commit 2e6d8a2c0c
11 changed files with 129 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

32
website/src/styles/_overlays.scss
View file

@ -327,16 +327,32 @@ body.is-resizing-drawer * {
initial-value: 0deg;
}
.notification-toast {
--notification-toast-angle: 0deg;
.notification-toast-stack {
position: fixed;
bottom: var(--space-5);
z-index: 360;
display: flex;
max-width: min(460px, calc(100vw - 32px));
flex-direction: column-reverse;
gap: var(--space-3);
pointer-events: none;
}
.notification-toast-stack.is-right {
right: var(--space-5);
}
.notification-toast-stack.is-left {
left: var(--space-5);
}
.notification-toast {
--notification-toast-angle: 0deg;
display: grid;
grid-template-columns: minmax(0, 1fr) 34px;
align-items: center;
gap: var(--space-3);
max-width: min(460px, calc(100vw - 32px));
width: 100%;
min-width: min(360px, calc(100vw - 32px));
padding: 14px 14px 14px 18px;
border: 2px solid transparent;
@ -359,21 +375,13 @@ body.is-resizing-drawer * {
font-size: var(--font-size-md);
font-weight: 900;
pointer-events: auto;
animation:
notification-toast-border-spin 2.4s linear infinite,
notification-toast-pulse 1.8s ease-in-out infinite;
}
.notification-toast.is-right {
right: var(--space-5);
animation:
notification-toast-enter-right 320ms var(--ease-standard),
notification-toast-border-spin 2.4s linear infinite,
notification-toast-pulse 1.8s ease-in-out infinite;
}
.notification-toast.is-left {
left: var(--space-5);
.notification-toast-stack.is-left .notification-toast {
animation:
notification-toast-enter-left 320ms var(--ease-standard),
notification-toast-border-spin 2.4s linear infinite,