UX fixes: scroll to top on nav, recipe chip order, caption cleanup
- Disable HTMX scrollIntoViewOnBoost, scroll to true y=0 on afterSettle so breadcrumbs are never hidden under the sticky header - Reorder recipe chips: Alcoholic → Category → Glass - Remove "Photographed / House pour" caption below recipe image Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
<meta charset="utf-8" />
|
||||
<meta name="htmx-config" content='{"globalViewTransitions":true,"scrollBehavior":"smooth"}' />
|
||||
<meta name="htmx-config" content='{"globalViewTransitions":true,"scrollBehavior":"smooth","scrollIntoViewOnBoost":false}' />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="theme-color" content="#14100c" />
|
||||
|
||||
|
||||
@@ -50,9 +50,8 @@
|
||||
{{- end -}}
|
||||
</div>
|
||||
<!-- Caption -->
|
||||
<div class="flex justify-between pt-[14px] px-1 font-mono text-[11px] tracking-[0.1em] uppercase text-ink-mute">
|
||||
<div class="pt-[14px] px-1 font-mono text-[11px] tracking-[0.1em] uppercase text-ink-mute">
|
||||
<span>{{ range $glasses }}{{ . }}{{ end }}</span>
|
||||
<span class="text-gold">{{ if $img }}Photographed{{ else }}House pour{{ end }}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -69,12 +68,12 @@
|
||||
{{- with .Params.alcoholic -}}
|
||||
<span class="chip"><span class="dot"></span>{{ . }}</span>
|
||||
{{- end -}}
|
||||
{{- range $glasses -}}
|
||||
<a href="/glasses/{{ . | urlize }}/" class="chip"><span class="dot"></span>{{ . }}</a>
|
||||
{{- end -}}
|
||||
{{- range $categories -}}
|
||||
<a href="/categories/{{ . | urlize }}/" class="chip"><span class="dot"></span>{{ . }}</a>
|
||||
{{- end -}}
|
||||
{{- range $glasses -}}
|
||||
<a href="/glasses/{{ . | urlize }}/" class="chip"><span class="dot"></span>{{ . }}</a>
|
||||
{{- end -}}
|
||||
</div>
|
||||
|
||||
<!-- Two columns: ingredients + method -->
|
||||
|
||||
Reference in New Issue
Block a user