From 6b03b7e7a5b47b52ea5d5b6aae2efb945f4dd686 Mon Sep 17 00:00:00 2001 From: Roger Rehnelt Date: Sat, 3 Oct 2026 15:23:59 +0200 Subject: GARAN: Label per Tipp und Tastatur aufklappbar MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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 --- views/css/frontend.css | 5 ++++- views/css/wpsg-theme.css | 3 +++ 2 files changed, 7 insertions(+), 1 deletion(-) (limited to 'views/css') 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, -- cgit v1.2.3