From 4d9013d4caf65f875901f00ffc7a155f73ecc205 Mon Sep 17 00:00:00 2001 From: Russell Ballestrini Date: Sat, 4 Oct 2025 19:31:24 -0400 Subject: [PATCH] Fix horizontal scrollbar issues with images and pre tags - Force images to 100% width to prevent overflow - Add overflow-x auto to pre tags while preserving whitespace - Prevent content elements from causing page-wide horizontal scrollbars --- make_post_sell/static/css/common.css | 13 ++++++++++--- 1 file changed, 10 insertions(+), 3 deletions(-) diff --git a/make_post_sell/static/css/common.css b/make_post_sell/static/css/common.css index 3ba45f4..048aba4 100644 --- a/make_post_sell/static/css/common.css +++ b/make_post_sell/static/css/common.css @@ -240,16 +240,23 @@ img { height: auto; } -/* Prevent content images from causing horizontal scrollbars */ +/* Prevent content from causing horizontal scrollbars */ .content img, .product-content img, .well img { - max-width: 100%; - width: auto; + width: 100%; height: auto; box-sizing: border-box; } +.content pre, +.product-content pre, +.well pre { + max-width: 100%; + overflow-x: auto; + box-sizing: border-box; +} + img.logo { width: initial; max-height: 100px;