From 45d28e894ad90dfd3375740410acd815e128f7cf Mon Sep 17 00:00:00 2001 From: Roger Rehnelt Date: Thu, 1 Oct 2026 20:03:09 +0200 Subject: Klassisch: Produktseite und Übersichtskacheln auf Handybreite MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Anzahl, Warenkorb- und Widerrufsknopf brechen auf der Produktseite um, lange Produktnamen in den Kacheln der Übersichten ebenfalls (B35). Co-Authored-By: Claude Opus 5.5 --- views/css/frontend.css | 2 +- views/css/wpsg-theme.css | 2 +- views/mods/mod_productindex/css/productindex.css | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) (limited to 'views') diff --git a/views/css/frontend.css b/views/css/frontend.css index 0128e0c..4ca386f 100644 --- a/views/css/frontend.css +++ b/views/css/frontend.css @@ -381,7 +381,7 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max margin-bottom: 0.5em; } .wpsg_product_deliverytime_holiday { height:50px; padding:10px; width:50%; float:right; border:1px solid #ff0000; } -.wpsg_produkt_add_basket_wrapper { display:flex; align-items:stretch; justify-content:flex-start; gap:1rem; +.wpsg_produkt_add_basket_wrapper { display:flex; flex-wrap:wrap; align-items:stretch; justify-content:flex-start; gap:1rem; & > *, & > label { margin:0; } & > label { display:flex; align-items:center; } } diff --git a/views/css/wpsg-theme.css b/views/css/wpsg-theme.css index 6530c75..9df1d8a 100644 --- a/views/css/wpsg-theme.css +++ b/views/css/wpsg-theme.css @@ -410,7 +410,7 @@ .wpsg_mod_productindex_grid :where(.wpsg_mod_productindex_product .wpsg_mod_productindex_pic) { text-align:center; } .wpsg_mod_productindex_grid :where(.wpsg_mod_productindex_product .wpsg_mod_productindex_pic img) { max-width:100%; height:auto; } .wpsg_mod_productindex_grid :where(.wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_mod_productindex_infos) { font-size:0.8em; } -.wpsg_mod_productindex_grid :where(.wpsg_mod_productindex_title) { font-size:1em; min-height:3em; } +.wpsg_mod_productindex_grid :where(.wpsg_mod_productindex_title) { font-size:1em; min-height:3em; overflow-wrap:anywhere; hyphens:auto; } .wpsg_mod_productindex_grid :where(.wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_mod_productindex_button) { width:100%; margin-top:15px; } .wpsg_mod_productindex_grid :where(.wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_mod_productindex_button a) { display:block; width:100%; text-align:center; } .wpsg_mod_productindex :where(.wpsg_mod_fuellmenge_info) { font-size:0.75em; } diff --git a/views/mods/mod_productindex/css/productindex.css b/views/mods/mod_productindex/css/productindex.css index 137b64d..26292b5 100644 --- a/views/mods/mod_productindex/css/productindex.css +++ b/views/mods/mod_productindex/css/productindex.css @@ -30,7 +30,7 @@ .wpsg_mod_productindex_grid .wpsg_mod_productindex_product .wpsg_mod_productindex_product_inner { margin:15px; } .wpsg_mod_productindex_grid .wpsg_mod_productindex_product .wpsg_mod_productindex_pic { text-align:center; } .wpsg_mod_productindex_grid .wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_mod_productindex_infos { font-size:0.8em; } -.wpsg_mod_productindex_grid .wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_mod_productindex_title { font-size:1.0em; font-weight:bold; margin-bottom:5px; line-height:1.5em; min-height:3em; } +.wpsg_mod_productindex_grid .wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_mod_productindex_title { font-size:1.0em; font-weight:bold; margin-bottom:5px; line-height:1.5em; min-height:3em; overflow-wrap:anywhere; hyphens:auto; } .wpsg_mod_productindex_grid .wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_mod_productindex_price { font-size:1.4em; font-weight:normal; color:#000000; } .wpsg_mod_productindex_grid .wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_produkt_preishinweis { font-size:0.8em; font-weight:normal; font-style:italic; } .wpsg_mod_productindex_grid .wpsg_produkt_soldout { color:#FF0000; } -- cgit v1.2.3