moby/brewlog
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: add sticky submit buttons to all edit forms on mobile

Browse source 
Add sticky-submit class to the shared edit_form_actions() macro and
pb-16 bottom padding to all seven edit form templates, matching the
add form pattern for a consistent mobile experience.
This commit is contained in:
Jon Seager 2026-02-11 10:20:30 +00:00
parent 1eb5647b76
commit 720ebcbad3
No known key found for this signature in database
8 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
templates/pages/edit_bag.html
View file

@ -11,7 +11,7 @@
<section class="rounded-lg border bg-surface p-5">
<form
class="flex flex-col gap-4"
class="flex flex-col gap-4 pb-16 md:pb-0"
data-signals:_submitting="false"
data-signals:_submit-error="''"
data-signals:_roast-date="'{{ roast_date }}'"

2
templates/pages/edit_brew.html
View file

@ -12,7 +12,7 @@
<section class="rounded-lg border bg-surface p-5">
<form
class="flex flex-col gap-6"
class="flex flex-col gap-6 pb-16 md:pb-0"
data-signals:_submitting="false"
data-signals:_submit-error="''"
data-signals:_coffee-weight="{{ coffee_weight }}"

2
templates/pages/edit_cafe.html
View file

@ -12,7 +12,7 @@
<section class="rounded-lg border bg-surface p-5">
<form
class="flex flex-col gap-4"
class="flex flex-col gap-4 pb-16 md:pb-0"
data-signals:_submitting="false"
data-signals:_submit-error="''"
data-signals:_name="'{{ name }}'"

2
templates/pages/edit_cup.html
View file

@ -12,7 +12,7 @@
<section class="rounded-lg border bg-surface p-5">
<form
class="flex flex-col gap-4"
class="flex flex-col gap-4 pb-16 md:pb-0"
data-signals:_submitting="false"
data-signals:_submit-error="''"
data-on:submit="$_submitting = true; $_submitError = ''; @put('/api/v1/cups/{{ id }}', {contentType: 'form'})"

2
templates/pages/edit_gear.html
View file

@ -12,7 +12,7 @@
<section class="rounded-lg border bg-surface p-5">
<form
class="flex flex-col gap-4"
class="flex flex-col gap-4 pb-16 md:pb-0"
data-signals:_submitting="false"
data-signals:_submit-error="''"
data-signals:_make="'{{ make }}'"

2
templates/pages/edit_roast.html
View file

@ -12,7 +12,7 @@
<section class="rounded-lg border bg-surface p-5">
<form
class="flex flex-col gap-4"
class="flex flex-col gap-4 pb-16 md:pb-0"
data-signals:_submitting="false"
data-signals:_submit-error="''"
data-signals:_name="'{{ name }}'"

2
templates/pages/edit_roaster.html
View file

@ -12,7 +12,7 @@
<section class="rounded-lg border bg-surface p-5">
<form
class="flex flex-col gap-4"
class="flex flex-col gap-4 pb-16 md:pb-0"
data-signals:_submitting="false"
data-signals:_submit-error="''"
data-signals:_name="'{{ name }}'"

2
templates/partials/detail_cards.html
View file

@ -161,7 +161,7 @@
>
{{ icons::spinner("h-5 w-5") }} Saving&hellip;
</div>
<div class="flex flex-col gap-2" data-show="!$_submitting">
<div class="sticky-submit flex flex-col gap-2" data-show="!$_submitting">
<button
type="submit"
class="inline-flex w-full items-center justify-center gap-2 rounded-md bg-accent px-4 py-2 text-sm font-semibold text-accent-text transition hover:bg-accent-hover disabled:opacity-50"