style(warenkorb-neu): Gewaehrleistungs-Label in voller Hoehe (width 100%, height auto)

This commit is contained in:
Thomas Bartelt
2026-09-18 19:57:16 +02:00
parent 0521b4399f
commit 7430556460
@@ -70,7 +70,7 @@
<aside class="wk-side">
<a class="wk-label" href="{$THEME_DIR}/media/images/label-gewaehrleistung.webp" target="_blank" rel="noopener" title="Gesetzliche Gew&auml;hrleistung: das ganze Label &ouml;ffnen">
<img src="{$THEME_DIR}/media/images/label-gewaehrleistung.webp" alt="Gesetzliche Gew&auml;hrleistung" />
<span>Mindestens zwei Jahre gesetzliche Gew&auml;hrleistung &middot; Details</span>
<span>Gro&szlig; anzeigen</span>
</a>
<div class="wk-box">
<div class="wk-line"><span>Zwischensumme</span><span>{$shoppingcart.shown_price_sum|number_format:"2":",":"."} &euro;</span></div>
@@ -127,9 +127,10 @@
.wk-list { flex: 1 1 auto; min-width: 0; }
.wk-side { flex: 0 0 260px; position: sticky; top: 16px; }
.wk-box { background: #fafafa; border: 1px solid #e3e3e3; border-radius: 8px; padding: 16px; }
/* Gewaehrleistungs-Label ueber dem Kasten: Kopf des EU-Labels als Badge, Klick oeffnet das ganze Label */
/* Gewaehrleistungs-Label ueber dem Kasten: volle Breite der Spalte, Hoehe folgt dem Seitenverhaeltnis
(Tom, 18.09.), Klick oeffnet das Label gross in neuem Tab */
.wk-label { display: block; margin-bottom: 12px; border: 1px solid #e3e3e3; border-radius: 8px; overflow: hidden; background: #fff; text-decoration: none; color: #333; }
.wk-label img { display: block; width: 100%; height: 78px; object-fit: cover; object-position: top; }
.wk-label img { display: block; width: 100%; height: auto; }
.wk-label span { display: block; font-size: 12px; padding: 7px 10px; color: #555; }
.wk-label:hover span { color: #FF6700; }