quoije/oscars-pool
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Tweak navbar loading state and localize rating save

Browse Source
This commit is contained in:
Mathieu Moran
2026-02-01 22:23:38 -05:00
parent e8745ed88d
commit d39e74ee9b
2 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/css/app.css
+11 -4
View File
@@ -409,13 +409,20 @@ body:not(.i18n-ready) .navbar .nav-link,
body:not(.i18n-ready) .navbar .navbar-text,
body:not(.i18n-ready) .navbar .btn {
transition: filter 220ms ease, opacity 220ms ease, transform 220ms ease;
/* Light mode & default: fully fade out navbar until i18n is ready
so fallback labels never flash. */
opacity: 0;
transform: translateY(-2px);
/* Light mode & default: muted appearance while i18n loads. */
filter: blur(1.2px) saturate(0.95);
opacity: 0.45;
transform: translateY(-1px);
pointer-events: none;
}
/* Light mode: keep navbar container visible to avoid layout jump. */
html:not([data-theme="dark"]) body:not(.i18n-ready) nav.navbar,
html:not([data-theme="dark"]) body:not(.i18n-ready) .navbar {
opacity: 1;
transform: none;
}
/* Dark mode: keep the original soft blur effect while loading
so the navbar stays visible but its text is obscured. */
html[data-theme="dark"] body:not(.i18n-ready) nav.navbar,