lfg2025/archy
1
0
Fork 0
Code Issues 24 Pull Requests 4 Actions Packages Projects Releases 73 Wiki Activity

fix(kiosk): restore tab-change animations with 2D transitions

Browse Source 
The onboarding-era :global(html.kiosk-mode .view-wrapper) transform:none
rule also matched the dashboard's route wrappers, freezing every list<->
detail depth transition into a jump cut on kiosk. Scope that rule to the
onboarding viewport and give the dashboard kiosk-safe 2D equivalents
(scale + opacity, no translateZ/blur/preserve-3d) that the software
compositor can animate.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
archipelago
2026-07-21 13:27:04 -04:00
co-authored by Claude Fable 5
parent 97358d2314
commit dc55ef8a54
2 changed files with 37 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
neode-ui/src/views/OnboardingWrapper.vue
+5 -1
View File
@@ -699,8 +699,12 @@ video.bg-layer {
:global(html.kiosk-mode .perspective-container) {
perspective: none !important;
}
/* Scoped to the onboarding viewport: a bare `.view-wrapper` match also killed
the dashboard's route transitions on kiosk (transform:none !important beats
the transition classes), freezing every tab change. The dashboard has its
own kiosk-safe 2D transition overrides in dashboard-styles.css. */
:global(html.kiosk-mode .bg-layer),
:global(html.kiosk-mode .view-wrapper) {
:global(html.kiosk-mode .onb-viewport .view-wrapper) {
transform: none !important;
transform-style: flat !important;
backface-visibility: visible !important;