diff options
| author | Roger Rehnelt <noreply@maennchen1.de> | 2026-10-03 15:23:59 +0200 |
|---|---|---|
| committer | Roger Rehnelt <noreply@maennchen1.de> | 2026-10-03 15:23:59 +0200 |
| commit | 6b03b7e7a5b47b52ea5d5b6aae2efb945f4dd686 (patch) | |
| tree | 09be466f7d00258aa5072cd844d5ff3bfd76de3f /views/css | |
| parent | 24481a9557d656cc69c75eda9f598f993db5b728 (diff) | |
GARAN: Label per Tipp und Tastatur aufklappbar
Der erste Tipp oder der Tastaturfokus zeigt das Label, ein zweiter Tipp folgt dem Link zur EU-Seite; Escape oder ein Tipp daneben schließt es.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Diffstat (limited to 'views/css')
| -rw-r--r-- | views/css/frontend.css | 5 | ||||
| -rw-r--r-- | views/css/wpsg-theme.css | 3 |
2 files changed, 7 insertions, 1 deletions
diff --git a/views/css/frontend.css b/views/css/frontend.css index 35a7605..3013aec 100644 --- a/views/css/frontend.css +++ b/views/css/frontend.css @@ -64,7 +64,10 @@ input.wpsg_error { border-color:red !important; border:1px solid red; } }
}
}
- &:hover > .tooltip { opacity:1; pointer-events:all; z-index:1; }
+ &:hover > .tooltip { opacity:1; pointer-events:all; z-index:1; } + /* Auch per Tastaturfokus und nach dem ersten Tipp (K69, frontend.js); Escape blendet aus */ + &:focus-visible > .tooltip, &.is-open > .tooltip { opacity:1; pointer-events:all; z-index:1; } + &.is-dismissed > .tooltip { opacity:0; pointer-events:none; }
}
}
diff --git a/views/css/wpsg-theme.css b/views/css/wpsg-theme.css index 5966cde..e5d6727 100644 --- a/views/css/wpsg-theme.css +++ b/views/css/wpsg-theme.css @@ -615,6 +615,9 @@ html body #wpsg_revocation_dialog .inner { background-color:var(--wpsg-color-bac } } &:hover > .tooltip { opacity:1; pointer-events:all; z-index:1; } + /* Auch per Tastaturfokus und nach dem ersten Tipp (K69, frontend.js); Escape blendet aus */ + &:focus-visible > .tooltip, &.is-open > .tooltip { opacity:1; pointer-events:all; z-index:1; } + &.is-dismissed > .tooltip { opacity:0; pointer-events:none; } } } html body .wpsg_product_garan_wrap, |