Sign-in: custom SignInLive, OIDC-only mode and hide OIDC when not configured, locale divider or/oder

This commit is contained in:
Moritz 2026-02-24 15:07:45 +01:00
parent 3f73a36076
commit 2cab4b0de4
Signed by: moritz
GPG key ID: 1020A035E5DD0824
4 changed files with 145 additions and 8 deletions

View file

@ -369,4 +369,37 @@
left: 0 !important;
}
/* 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"] {
display: none !important;
}
[data-oidc-configured="false"] a[href*="oidc"] {
display: none !important;
}
[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"] {
display: none !important;
}
[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 */