kantarci/KantSites
1
0 Fork 0
Code Issues Pull Requests Actions 4 Packages Projects Releases 92 Wiki Activity

Give both consent answers the same look

Browse Source 
"Alle akzeptieren" was filled in the button colour while "Nur notwendige"
was an outlined button. A privacy scan flagged that as nudging. Both now
share fill, text colour and hover; only "Auswahl speichern" in the
per-group disclosure stays outlined. ADR 131.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
kantarciandClaude Opus 5.5 committed 2026-11-11 12:56:56 +01:00
1 parent 86da83f754
commit 84cdf6a261
5 files changed
+29 -6
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

public/assets/site.css
+5 -2
View File
@@ -199,9 +199,12 @@ p{hyphens:auto}
.consent-bar p{margin:0 0 16px;color:color-mix(in srgb,currentColor 82%,transparent)}
.consent-actions{display:flex;flex-wrap:wrap;gap:10px}
.consent-button{display:inline-flex;align-items:center;justify-content:center;flex:1 1 150px;min-height:46px;padding:11px 18px;border-radius:var(--kant-consent-button-radius,10px);border:1.5px solid var(--kant-consent-accent,var(--k-consent,var(--accent)));background:var(--kant-consent-accent,var(--k-consent,var(--accent)));color:var(--kant-consent-accent-ink,#fff);font:inherit;font-weight:600;cursor:pointer;transition:filter .12s,background-color .12s}
.consent-decline,.consent-choice{background:transparent;color:inherit;border-color:color-mix(in srgb,currentColor 28%,transparent)}
/* „Alle akzeptieren“ und „Nur notwendige“ sehen gleich aus (ADR 131): eine farbig hervorgehobene
Zustimmung neben einem Rahmenknopf gilt als Lenkung. Nur „Auswahl speichern“ in der
aufgeklappten Einzelwahl bleibt ein Rahmenknopf. */
.consent-choice{background:transparent;color:inherit;border-color:color-mix(in srgb,currentColor 28%,transparent)}
.consent-button:hover{filter:brightness(.94)}
.consent-decline:hover,.consent-choice:hover{filter:none;background:color-mix(in srgb,currentColor 7%,transparent)}
.consent-choice:hover{filter:none;background:color-mix(in srgb,currentColor 7%,transparent)}
.consent-button:focus-visible,.consent-bar a:focus-visible,.consent-bar summary:focus-visible,.consent-bar input:focus-visible{outline:3px solid var(--kant-consent-accent,var(--k-consent,var(--accent)));outline-offset:2px}
/* Fusszeile der Frage: Einzelwahl links, Rechtslinks rechts, auf einer Linie. Aufgeklappt
nimmt die Einzelwahl die volle Breite und die Links rutschen rechtsbuendig darunter. */