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