From b24f210a30d54ec9c8cba1b594bed0ac1e5e5bb8 Mon Sep 17 00:00:00 2001 From: Roger Rehnelt Date: Thu, 1 Oct 2026 18:11:18 +0200 Subject: Warenkorb: Produktzeile auf Handybreite MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Produktzeilen in Warenkorb und Bestellübersicht liefen unter etwa 400 px über den Rand (B33). Befund B35 zur Produktseite eingetragen. Co-Authored-By: Claude Opus 5.5 --- views/css/frontend.css | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) (limited to 'views/css') diff --git a/views/css/frontend.css b/views/css/frontend.css index 69be873..62f6767 100644 --- a/views/css/frontend.css +++ b/views/css/frontend.css @@ -110,7 +110,8 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max .basket_product_wrap .basket_product_row { display:flex; align-items:baseline; border-bottom:1px solid #EAEAEA; padding-bottom:1em; margin-bottom:1em; } .basket_product_wrap .basket_product_row .product_shortdesc { margin-top:0.5em; } .basket_product_wrap .basket_product_row .productimage { max-width:150px; padding-right:0.75em; } -.basket_product_wrap .basket_product_row .product_content { width:100%; display:flex; flex-direction:column; justify-content:space-between; } +.basket_product_wrap .basket_product_row .productimage img { max-width:100%; height:auto; } +.basket_product_wrap .basket_product_row .product_content { width:100%; min-width:0; display:flex; flex-direction:column; justify-content:space-between; } .basket_product_wrap .basket_product_row .product_action { display:flex; width:100%; justify-content:space-between; align-items:center; } .basket_product_wrap .basket_product_row .product_action .amount { width:100px; padding-right:40px; position:relative; margin-top:0.5em; margin-bottom:0.5em; text-align:center;} .basket_product_wrap .basket_product_row .product_action .amount .wpsg_basket_removelink { -webkit-box-shadow:none; box-shadow:none; text-decoration:none; border:0px !important; position:absolute; display:flex; right:5px; top:50%; margin-top:-8px; height:16px; width:16px; } @@ -163,6 +164,7 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max .wpsg_basket .set_shipping { padding-block:0.75em; padding-left:1em; height:auto; } .wpsg_basket .wpsg_cell_gesamtsumme_value { font-weight:bold; } .wpsg_basket input.amount { padding:0.75em 0.25em; } +.basket_product_wrap .basket_product_row .product_action input.amount { width:100%; box-sizing:border-box; } .wpsg_checkout2 .wpsg_overviewbutton, .wpsg_checkout2 .wpsg_checkoutbutton, .wpsg_overview .garan_label_wrap { text-align:center; padding:1rem 0; } @@ -253,7 +255,8 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max .wpsg_overview .wpsg_table_wrap .overview_product_row { display:flex; align-items:baseline; border-bottom:1px solid #EAEAEA; padding-bottom:1em; margin-bottom:1em; } .wpsg_overview .wpsg_table_wrap .overview_product_row .product_shortdesc { margin-top:0.5em; } .wpsg_overview .wpsg_table_wrap .overview_product_row .productimage { max-width:150px; padding-right:0.75em; } -.wpsg_overview .wpsg_table_wrap .overview_product_row .product_content { width:100%; display:flex; flex-direction:column; justify-content:space-between; } +.wpsg_overview .wpsg_table_wrap .overview_product_row .productimage img { max-width:100%; height:auto; } +.wpsg_overview .wpsg_table_wrap .overview_product_row .product_content { width:100%; min-width:0; display:flex; flex-direction:column; justify-content:space-between; } .wpsg_overview .wpsg_table_wrap .overview_product_row .product_action { display:flex; width:100%; justify-content:space-between; align-items:center; } .wpsg_overview .wpsg_table_wrap .overview_product_row .product_action .amount { width:80px; margin-top:0.5em; margin-bottom:0.5em; text-align:center;} .wpsg_overview .wpsg_table_wrap .overview_product_row .product_action .title { width: 60%; display:inline-block; margin-top:0.3em; margin-bottom:0.3em; } @@ -440,6 +443,7 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max .wpsg_progress { display:none; } .wpsg_basket .product_name .product_shortdesc { display:none; } .wpsg_basket .basket_product_row .product_info{ display:none; } + .wpsg_basket .basket_sum_wrap .basket_sum_row { flex-wrap:wrap; } .wpsg_basket .basket_sum_wrap .title2 { width:60%; } .wpsg_basket .basket_sum_wrap .value, .wpsg_basket .basket_sum_wrap .sum { width:40%; } @@ -454,6 +458,7 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max .wpsg_overview .wpsg_orderbutton { width:100%; margin: 0 0 10px 0; } .wpsg_overview .product_name .product_shortdesc { display:none; } .wpsg_overview .overview_product_row .product_info{ display:none; } + .wpsg_overview .wpsg_table_wrap .overview_product_row .product_info { flex-wrap:wrap; } .wpsg_overview .overview_sum_wrap .title2 { width:60%; } .wpsg_overview .overview_sum_wrap .value, .wpsg_overview .overview_sum_wrap .sum { width:40%; } @@ -461,6 +466,8 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max @media (max-width:600px) { + .basket_product_wrap .basket_product_row .productimage, + .wpsg_overview .wpsg_table_wrap .overview_product_row .productimage { max-width:80px; } .wpsg_productform .wpsg_productimages { width:100%; } .wpsg_productform .wpsg_produkt_produktbilder { max-width:100%; } -- cgit v1.2.3