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

Desktop sticky nav; watch mode sticks ribbon+logo only; mobile never sticky

Browse source 
- Desktop non-watch: full nav bar sticks at top on scroll
- Desktop watch mode: only ribbon and logo stick, nav scrolls away
- Mobile/tablet: nothing sticky except video in watch mode
This commit is contained in:
russell@unturf.com 2026-02-08 13:58:00 -05:00
parent 0fa40d921a
commit 0e5b04b947
2 changed files with 19 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1591,11 +1591,29 @@ textarea.markup-editor-textarea {
div.message-ribbon {
display: block;
}
/* Desktop, NOT watch mode: full nav is sticky */
body:not(.watch-mode-shop) section.nav {
position: sticky;
top: 0;
z-index: 40;
}
/* Desktop, watch mode: ribbon + logo stick, rest of nav scrolls */
.watch-mode-shop div.message-ribbon {
position: sticky;
top: 0;
z-index: 40;
}
.watch-mode-shop section.logo {
position: sticky;
top: 0;
z-index: 39;
background-color: var(--bg-secondary);
}
section.log-in {
text-align: right;
}

2
make_post_sell/templates/base.j2
View file

@ -81,7 +81,7 @@
{% endblock %}
</head>
<body>
<body{% if request.shop and request.shop.watch_mode_enabled %} class="watch-mode-shop"{% endif %}>
<noscript>
<style>.js-only {display: none;}</style>
</noscript>