Fix prettier

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
This commit is contained in:
Charles de Dreuille
2026-02-03 12:10:01 +00:00
committed by Patrik Oldsberg
parent a3d1b1924c
commit 24485d7e5d
2 changed files with 19 additions and 10 deletions
+4 -1
View File
@@ -24,7 +24,10 @@ import {
import { ChangelogComponent } from '@/components/ChangelogComponent';
import { PageTitle } from '@/components/PageTitle';
import { Theming } from '@/components/Theming';
import { ToastDefinition, ToastRegionDefinition } from '../../../utils/definitions';
import {
ToastDefinition,
ToastRegionDefinition,
} from '../../../utils/definitions';
<PageTitle
title="Toast"
@@ -65,9 +65,7 @@
cursor: default;
user-select: none;
z-index: calc(1000 - var(--toast-index));
transition:
transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),
opacity 0.5s;
transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.5s;
/* Focus ring */
&:focus-visible {
@@ -79,7 +77,7 @@
/* Stacking from bottom */
.bui-Toast {
--swipe-x: 0;
bottom: 0;
left: 0;
width: 100%;
@@ -89,22 +87,30 @@
opacity: calc(1 - (var(--toast-index) * 0.15));
will-change: transform;
}
/* Disable transitions during swipe for immediate feedback */
.bui-Toast[data-swiping] {
transition: none !important;
opacity: calc((1 - (var(--toast-index) * 0.15)) * (1 - (var(--swipe-x) / 400)));
opacity: calc(
(1 - (var(--toast-index) * 0.15)) * (1 - (var(--swipe-x) / 400))
);
}
/* Expanded state on hover - show all toasts stacked with gap */
.bui-ToastRegion:hover .bui-Toast,
.bui-ToastRegion:focus-within .bui-Toast,
.bui-ToastRegion[data-hover-locked] .bui-Toast {
transform: translateY(calc((var(--toast-index) * -100%) - (var(--toast-index) * var(--bui-space-2)))) scale(1);
transform: translateY(
calc(
(var(--toast-index) * -100%) -
(var(--toast-index) * var(--bui-space-2))
)
)
scale(1);
opacity: 1;
pointer-events: auto;
}
/* Add padding above each toast when expanded to fill the gap */
.bui-ToastRegion:hover .bui-Toast::before,
.bui-ToastRegion:focus-within .bui-Toast::before,
@@ -121,7 +127,7 @@
.bui-Toast {
pointer-events: none;
}
.bui-Toast[style*='--toast-index: 0'] {
pointer-events: auto;
}