openclaw/oikos
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

fix(layout): refactor page transition animations; expand sidebar at 1440px

Browse Source 
Page-in animations drop 'forwards' fill mode — a .page-transition base class
(opacity:0) serves as the initial state, and .page-transition--in-{left,right}
force opacity:1 after the animation ends, preventing a flash-back-to-invisible
on some WebKit versions. Sidebar expands at 1440px instead of 1280px.
Glass desktop toolbar loses the rounded card border in favour of a flat
accent-top-border + bottom border consistent with other module headers.
This commit is contained in:
Konrad M.
2026-04-21 21:55:13 +02:00
parent 68645d2483
commit e729bc9c4e
2 changed files with 24 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/styles/glass.css
+2 -7
View File
@@ -587,16 +587,11 @@ html.navigating .app-content *::after {
background-color: var(--glass-bg-toolbar);
backdrop-filter: var(--blur-sm) saturate(160%);
-webkit-backdrop-filter: var(--blur-sm) saturate(160%);
border-radius: var(--radius-md);
border: 1px solid var(--glass-border-subtle);
border-top: 3px solid var(--module-accent);
border-bottom: 1px solid var(--glass-border-subtle);
padding-left: var(--space-4);
padding-right: var(--space-4);
}
/* Tint-Akzent oben: 3px-Linie wird zu subtiler Tonung */
.tasks-page .tasks-toolbar {
border-top-color: color-mix(in srgb, var(--module-accent) 40%, var(--glass-border));
}
}
/* ================================================================