lucas.orth/GDPR-Content-Blocker
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: textausrichtung-option + hover-fixes (link/badge) + remember-farbe (v1.5.2)

Browse Source 
- Darstellung: neue option "Textausrichtung" (mittig/links/rechts). Setzt
  --cb-align (text-align) und --cb-justify (remember-zeile) inline.
- "Diesen Dienst kuenftig immer laden" nutzt jetzt die textfarbe (var(--cb-text),
  ohne dimming).
- Datenschutz-link: schriftgroesse/-gewicht/laufweite/transform/decoration in
  allen zustaenden festgenagelt -> keine theme-a:hover-aenderung mehr.
- Werbe-badge: dito -> wird beim hover nicht mehr riesig (theme-scaling/
  font-size gesperrt).

+ i18n DE/EN (138 strings). version 1.5.2.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
s4luorth
2026-06-08 17:41:26 +02:00
parent 6caece78f5
commit ef84c43ded
9 changed files with 74 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
gdpr-content-blocker/assets/frontend.css
View File

@@ -34,19 +34,28 @@
/* No reserved height: the placeholder is exactly as tall as its content. */
}
/* ── Promo badge (bottom-right) ── */
.cb-blocker .cb-blocker__badge {
/* ── Promo badge (bottom-right) ── (locked against theme a:hover scaling) */
.cb-blocker .cb-blocker__badge,
.cb-blocker .cb-blocker__badge:hover,
.cb-blocker .cb-blocker__badge:focus {
position: absolute;
right: 8px;
bottom: 5px;
font-size: 0.6875rem;
line-height: 1;
font-weight: 400;
letter-spacing: normal;
color: var(--cb-text);
background: none;
white-space: nowrap;
transform: none;
}
.cb-blocker .cb-blocker__badge {
opacity: 0.55;
text-decoration: none;
white-space: nowrap;
}
.cb-blocker .cb-blocker__badge:hover {
.cb-blocker .cb-blocker__badge:hover,
.cb-blocker .cb-blocker__badge:focus {
opacity: 1;
text-decoration: underline;
}
@@ -55,7 +64,7 @@
.cb-blocker .cb-blocker__inner {
width: 100%;
max-width: 520px;
text-align: center;
text-align: var(--cb-align, center); /* set in Appearance: center|left|right */
}
/* ── Text elements ── */
@@ -79,23 +88,22 @@
color: var(--cb-text); /* same colour as the rest of the text */
}
/* ── Privacy link ── */
.cb-blocker .cb-blocker__privacy-link {
/* ── Privacy link ── (locked so the theme's a:hover can't restyle/resize it) */
.cb-blocker .cb-blocker__privacy-link,
.cb-blocker .cb-blocker__privacy-link:hover,
.cb-blocker .cb-blocker__privacy-link:focus {
display: inline-block;
margin-bottom: 0.75em;
font-size: 0.8125rem;
line-height: 1.5;
font-weight: 400;
letter-spacing: normal;
color: var(--cb-btn-bg);
background: none;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
transform: none; /* neutralise theme hover scaling */
}
.cb-blocker .cb-blocker__privacy-link:hover,
.cb-blocker .cb-blocker__privacy-link:focus {
color: var(--cb-btn-hover-bg);
transform: none; /* link must not grow on hover */
font-size: 0.8125rem;
transform: none;
}
/* ── Button ── */
@@ -137,11 +145,11 @@
.cb-blocker .cb-blocker__remember {
display: flex;
align-items: center;
justify-content: center;
justify-content: var(--cb-justify, center); /* follows the text alignment */
gap: 6px;
margin-top: 0.8em;
font-size: 0.8rem;
opacity: 0.85;
color: var(--cb-text); /* same colour as the rest of the text */
cursor: pointer;
}
.cb-blocker .cb-blocker__remember input {