diff options
| author | Martin Kagamino Lehoux <martin@lehoux.net> | 2026-07-29 10:17:27 +0200 |
|---|---|---|
| committer | Martin Kagamino Lehoux <martin@lehoux.net> | 2026-07-29 10:17:27 +0200 |
| commit | 94212274cecf4da5f94b246a7ac9ab87077fb77f (patch) | |
| tree | 00fc34b7a06cec243741c9eb00dfb842a17428f1 | |
| parent | 27494531c6461bb8d63f6ec2521a336203cbe0e5 (diff) | |
fix: prevent layout shift when save confirmation appears
| -rw-r--r-- | src/routes/grocery/[id]/+page.svelte | 13 |
1 files changed, 10 insertions, 3 deletions
diff --git a/src/routes/grocery/[id]/+page.svelte b/src/routes/grocery/[id]/+page.svelte index c0550fc..c4e964c 100644 --- a/src/routes/grocery/[id]/+page.svelte +++ b/src/routes/grocery/[id]/+page.svelte @@ -75,9 +75,7 @@ {/each} </select> </label> - {#if saved} - <p class="save-status">✓ Enregistré</p> - {/if} + <p class="save-status" class:visible={saved}>✓ Enregistré</p> </form> <hr /> @@ -261,5 +259,14 @@ color: var(--success); font-weight: 500; margin-top: -0.25rem; + visibility: hidden; + opacity: 0; + transition: opacity 0.2s ease; + min-height: 1.25rem; + } + + .save-status.visible { + visibility: visible; + opacity: 1; } </style> |