style(warenkorb-neu): Gewaehrleistungs-Label in voller Hoehe (width 100%, height auto)
This commit is contained in:
@@ -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ährleistung: das ganze Label öffnen">
|
||||
<img src="{$THEME_DIR}/media/images/label-gewaehrleistung.webp" alt="Gesetzliche Gewährleistung" />
|
||||
<span>Mindestens zwei Jahre gesetzliche Gewährleistung · Details</span>
|
||||
<span>Groß anzeigen</span>
|
||||
</a>
|
||||
<div class="wk-box">
|
||||
<div class="wk-line"><span>Zwischensumme</span><span>{$shoppingcart.shown_price_sum|number_format:"2":",":"."} €</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; }
|
||||
|
||||
|
||||
Reference in New Issue
Block a user