From 86a05a8b88f8a78967f7ec7d22d7eff28402a5de Mon Sep 17 00:00:00 2001 From: "russell@unturf.com" Date: Mon, 9 Feb 2026 12:36:21 -0500 Subject: [PATCH] Fix sticky video z-index so comments and ring buttons scroll under it Desktop: added position:relative + z-index:5 to description and comments in watch mode so they stack below the sticky video (z-index 10). Mobile: changed watch-left to display:contents so sticky video sticks against the full grid container instead of just the watch-left box. Previously product-right (ring/download) was outside watch-left, ending the sticky context and pushing the video offscreen. --- make_post_sell/static/css/common.css | 26 ++++++++++++++++++++++++-- 1 file changed, 24 insertions(+), 2 deletions(-) diff --git a/make_post_sell/static/css/common.css b/make_post_sell/static/css/common.css index a12b0ee..76e43d1 100644 --- a/make_post_sell/static/css/common.css +++ b/make_post_sell/static/css/common.css @@ -1420,9 +1420,10 @@ textarea.markup-editor-textarea { order: 4; } - /* Watch mode mobile: video sticks at top, nothing scrolls over it */ + /* Watch mode mobile: dissolve watch-left wrapper so sticky video sticks + against the full grid container, not just the watch-left box */ .watch-left { - order: 1; + display: contents; } .watch-mode .product-images { @@ -1533,6 +1534,14 @@ textarea.markup-editor-textarea { grid-area: auto; } + /* Desktop watch mode: content scrolls under sticky video */ + .watch-mode .product-description, + .watch-mode .product-comments { + position: relative; + z-index: 5; + background: var(--bg-primary, #ffffff); + } + .watch-mode section.product-right { grid-area: purchase; align-self: start; @@ -2653,6 +2662,19 @@ textarea { height: auto; } +/* Container fullscreen — promoted from