local-it/mitgliederverwaltung
2
3
Fork 0
Code Issues 59 Pull requests 2 Projects 2 Releases Packages 1 Activity Actions

Code review: SignInLive locale fallback, single root + id, CSS scoped to #sign-in-page, remove or-hack, refresh oidc_configured after save, tests assert English only

Browse source
This commit is contained in:
Moritz 2026-02-24 15:41:30 +01:00
parent 951d01dc4d
commit fae1804fb1
Signed by: moritz
GPG key ID: 1020A035E5DD0824
4 changed files with 33 additions and 51 deletions
Download patch file Download diff file Expand all files Collapse all files

25
assets/css/app.css
View file

@ -370,36 +370,23 @@
}
/* Sign-in: hide SSO button and "or" divider when OIDC is not configured.
Use .divider (DaisyUI HorizontalRule) because LiveView does not set id on component root. */
[data-oidc-configured="false"] [id*="oidc"] {
Scoped to #sign-in-page to avoid hiding unrelated elements. */
#sign-in-page[data-oidc-configured="false"] [id*="oidc"] {
display: none !important;
}
[data-oidc-configured="false"] a[href*="oidc"] {
#sign-in-page[data-oidc-configured="false"] a[href*="oidc"] {
display: none !important;
}
[data-oidc-configured="false"] .divider {
#sign-in-page[data-oidc-configured="false"] .divider {
display: none !important;
}
/* Sign-in: when OIDC-only mode is on, hide password form and "or" divider (show only SSO). */
[data-oidc-configured="true"][data-oidc-only="true"] [id*="password"] {
#sign-in-page[data-oidc-configured="true"][data-oidc-only="true"] [id*="password"] {
display: none !important;
}
[data-oidc-configured="true"][data-oidc-only="true"] .divider {
#sign-in-page[data-oidc-configured="true"][data-oidc-only="true"] .divider {
display: none !important;
}
/* Sign-in: show "oder" instead of "or" when locale is German (override is compile-time only).
Target div.contents so ::after has a box (span may have display:contents). */
[data-locale="de"] .divider div.contents {
display: block !important;
}
[data-locale="de"] .divider div.contents > span {
font-size: 0;
}
[data-locale="de"] .divider div.contents::after {
content: "oder";
font-size: 1rem;
}
/* This file is for your main application CSS */