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

12
website/src/styles/_base.scss
View file

@ -3,6 +3,18 @@
box-sizing: border-box;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
border: 0;
clip: rect(0 0 0 0);
white-space: nowrap;
}
html {
min-height: 100%;
background: var(--color-bg-page);

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,

9
website/src/styles/_toolboxes.scss
View file

@ -1784,8 +1784,12 @@ textarea:focus {
.timer-alert-mode-switch.is-blocked {
opacity: 1;
cursor: not-allowed;
}
.timer-alert-mode-switch.is-blocked .timer-alert-mode-button,
.timer-alert-mode-switch.is-blocked .timer-alert-mode-button:hover,
.timer-alert-mode-switch.is-blocked .timer-alert-mode-button.active,
.timer-alert-mode-switch.is-blocked .timer-alert-mode-button:disabled,
.timer-alert-mode-switch.is-blocked .timer-alert-mode-button:disabled:hover,
.timer-alert-mode-switch.is-blocked .timer-alert-mode-button.active:disabled {
@ -1797,6 +1801,11 @@ textarea:focus {
opacity: 0.2;
}
.timer-alert-mode-switch.is-blocked .timer-alert-mode-button .ui-icon,
.timer-alert-mode-switch.is-blocked .timer-alert-mode-button:disabled .ui-icon {
opacity: 1;
}
.checklist-section-collapse-button:hover {
border-color: rgba(246, 196, 83, 0.58);
background: