diff options
| author | Roger Rehnelt <noreply@maennchen1.de> | 2026-10-04 13:38:59 +0200 |
|---|---|---|
| committer | Roger Rehnelt <noreply@maennchen1.de> | 2026-10-04 13:38:59 +0200 |
| commit | 64dc90e5ce1f5c92e0bb8fd100492cb900f2bf7a (patch) | |
| tree | bc08fe96cd56ce41cb596ca441772d50d765dcd9 /views/mods/mod_revocation/wpsg_revocation.css | |
| parent | 7f3fe4425715eba407e6c3125cff94a2cb5c3da9 (diff) | |
Widerrufsformular: Ladesymbol als SVG
Das Rasterbild war auf hochauflösenden Bildschirmen zu klein und unscharf.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Diffstat (limited to 'views/mods/mod_revocation/wpsg_revocation.css')
| -rw-r--r-- | views/mods/mod_revocation/wpsg_revocation.css | 6 |
1 files changed, 6 insertions, 0 deletions
diff --git a/views/mods/mod_revocation/wpsg_revocation.css b/views/mods/mod_revocation/wpsg_revocation.css index 6238c19..ea7d833 100644 --- a/views/mods/mod_revocation/wpsg_revocation.css +++ b/views/mods/mod_revocation/wpsg_revocation.css @@ -43,6 +43,12 @@ #wpsg_revocation_dialog .inner > .footer { display:flex; flex:0 0 auto; align-items:center; justify-content:flex-end; gap:0.75em; padding-top:1em; border-top:1px solid var(--rv-line-soft); } #wpsg_revocation_dialog .inner > .loading { position:absolute; left:0; top:0; z-index:2; display:flex; align-items:center; justify-content:center; width:100%; height:100%; border-radius:var(--rv-radius); background-color:rgba(255, 255, 255, 0.7); opacity:0; pointer-events:none; transition:opacity 0.2s ease-out; } #wpsg_revocation_dialog.loading > .inner > .loading { opacity:1; pointer-events:all; } +/* Ladesymbol als SVG statt ajax-loader.gif: scharf auf jedem Display; Grau wie bisher, die Ladefläche ist immer hell */ +#wpsg_revocation_dialog .wpsg_revocation_loader rect { fill:#777777; opacity:0.35; animation:wpsg_rv_loader 0.9s ease-in-out infinite; } +#wpsg_revocation_dialog .wpsg_revocation_loader rect:nth-child(2) { animation-delay:0.15s; } +#wpsg_revocation_dialog .wpsg_revocation_loader rect:nth-child(3) { animation-delay:0.3s; } +@keyframes wpsg_rv_loader { 0%, 100% { opacity:0.35; } 50% { opacity:1; } } +@media (prefers-reduced-motion: reduce) { #wpsg_revocation_dialog .wpsg_revocation_loader rect { animation:none; } } /* Absende-Button im Dialog und auf der Formularseite */ #wpsg_revocation_dialog .wpsg_revocation_button_submit, .wpsg_revocation_page .wpsg_revocation_page_submit_wrap button, .wpsg_revocation_page .wpsg_revocation_page_submit_wrap input[type="submit"] { display:inline-flex; align-items:center; justify-content:center; min-height:0; margin:0; padding:0.65em 1.1em; border:1px solid currentColor; border-radius:var(--rv-radius); background:none; color:inherit; font:inherit; font-weight:600; line-height:1.2; text-shadow:none; box-shadow:none; cursor:pointer; transition:background-color 0.15s ease-out; } |