From 08aceed3b8329a625196301524ea0b53e714a5e2 Mon Sep 17 00:00:00 2001 From: "russell@unturf.com" Date: Mon, 9 Feb 2026 07:47:42 -0500 Subject: [PATCH] Fix mobile watch mode: content scrolls under sticky video, add horizontal padding - Give product-images, description, comments, and product-right opaque backgrounds so they slide beneath the sticky video instead of through it - Add 4px horizontal padding to mobile two-column layout matching nav inset --- make_post_sell/static/css/common.css | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) diff --git a/make_post_sell/static/css/common.css b/make_post_sell/static/css/common.css index 733e459..ad9fa67 100644 --- a/make_post_sell/static/css/common.css +++ b/make_post_sell/static/css/common.css @@ -1385,6 +1385,8 @@ textarea.markup-editor-textarea { max-width: 600px; margin-left: auto; margin-right: auto; + padding-left: 4px; + padding-right: 4px; } /* On mobile, reorder to put purchase section after images */ @@ -1427,12 +1429,19 @@ textarea.markup-editor-textarea { position: sticky; top: 0; z-index: 20; + background: var(--bg-primary, #ffffff); + } + + .watch-mode .product-description, + .watch-mode .product-comments, + .watch-mode section.product-right { + position: relative; + z-index: 5; + background: var(--bg-primary, #ffffff); } .watch-mode section.product-right { order: 2; - position: relative; - z-index: 5; } /* Ensure buttons get full width on mobile */