engineering/make_post_sell
1
0
Fork 0
Code Issues 2 Pull requests Projects Releases 2 Packages Wiki Activity Actions

Fix mobile watch mode: content scrolls under sticky video, add horizontal padding

Browse source 
- 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
This commit is contained in:
russell@unturf.com 2026-02-09 07:47:42 -05:00
parent 836d78d310
commit 08aceed3b8
1 changed files with 11 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

13
make_post_sell/static/css/common.css
View file

@ -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 */