diff options
| author | Roger Rehnelt <noreply@maennchen1.de> | 2026-10-03 12:38:36 +0200 |
|---|---|---|
| committer | Roger Rehnelt <noreply@maennchen1.de> | 2026-10-03 12:38:36 +0200 |
| commit | e44b9a9bc3bae22e2e82dc7865cd3d65377448b1 (patch) | |
| tree | 5f31a5b4b0f98944fc6d0a6d64f732e7faff2916 /views/css | |
| parent | 3ad235186e5698b29b9497eb9489b83ccdde9116 (diff) | |
Produktseite: Menge und Knopf nebeneinander im Modus „neu“
Die Variantenauswahl steht über der Menge, „Menge“ als Beschriftung über dem Feld, daneben „In den Warenkorb“.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Diffstat (limited to 'views/css')
| -rw-r--r-- | views/css/wpsg-theme.css | 5 |
1 files changed, 5 insertions, 0 deletions
diff --git a/views/css/wpsg-theme.css b/views/css/wpsg-theme.css index 78f4b91..917ad01 100644 --- a/views/css/wpsg-theme.css +++ b/views/css/wpsg-theme.css @@ -339,6 +339,11 @@ .wpsg_produkt_add_basket_wrapper :where(> label) { display:flex; align-items:center; margin:0; } /* Aufbau mit Klassen-Spezifität: allgemeine Feldregeln der Themes (input { width:100% }) sollen die Zeile nicht sprengen */ .wpsg_produkt_add_basket_wrapper .wpsg_menge { width:5em; flex:0 0 auto; text-align:center; } +.wpsg-product :where(.wpsg-product__variants .wpsg_vp_field) { display:flex; flex-direction:column; gap:0.3em; } +.wpsg-product .wpsg-product__buy { align-items:flex-end; } +.wpsg-product :where(.wpsg-product__amount) { display:flex; flex-direction:column; gap:0.3em; } +.wpsg-product :where(.wpsg-product__amount > label) { margin:0; } +.wpsg-product .wpsg-product__buy .wpsg_add_basket { flex:1 1 12em; min-height:44px; } .wpsg_productform :where(.wpsg_product_layer) { position:absolute; left:0; top:0; width:100%; height:100%; background-color:var(--wpsg-color-surface); padding:0.75em; margin:-0.75em; box-sizing:content-box; } .wpsg_productform :where(.wpsg_product_layer img) { position:absolute; left:50%; margin-left:-8px; top:50%; margin-top:-5px; } .wpsg_product_deliverytime_holiday { padding:10px; border-left:4px solid var(--wpsg-color-notice); background-color:var(--wpsg-color-surface); } |