From 933882a527fdd76b6eed1cec4f883565c21b9dc4 Mon Sep 17 00:00:00 2001 From: Nicolas Date: Thu, 20 Aug 2026 23:21:08 +0200 Subject: [PATCH] =?UTF-8?q?style(planning):=20dialogue=20de=20s=C3=A9lecti?= =?UTF-8?q?on=20plus=20large,=20hauteur=20fixe=2080vh?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Suite au correctif précédent (débordement du catalogue) : le dialogue lui- même passe de 56rem/hauteur-au-contenu à 92vw plafonné à 75rem, avec une hauteur fixe de 80vh (au lieu du simple plafond hérité de Dialog.tsx) — la zone de navigation garde désormais une taille généreuse et constante quel que soit l'onglet/la quantité de contenu, plutôt que de dépendre de ce qui tient à l'écran. Vérifié en direct (navigateur, 1280×800) : dialogue 1178×640px (92vw × 80vh), catalogue/tableau/détail correctement bornés à l'intérieur. pnpm --filter web build — propre. Co-Authored-By: Claude Sonnet 5 --- .../features/planning/recipe-picker-dialog.scss | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/apps/web/src/features/planning/recipe-picker-dialog.scss b/apps/web/src/features/planning/recipe-picker-dialog.scss index 9ef18f7..ad6c453 100644 --- a/apps/web/src/features/planning/recipe-picker-dialog.scss +++ b/apps/web/src/features/planning/recipe-picker-dialog.scss @@ -5,7 +5,19 @@ // RecipeTabs import it themselves). .recipe-picker-dialog { - max-width: 56rem; + width: 92vw; + max-width: 75rem; + // Fixed, not just capped — `.dialog-panel`'s own `max-height` (dialog.scss) + // only bounds how tall a shrink-to-fit dialog can grow, which is right + // for every other dialog's small form but leaves this one's browsing + // step at the mercy of how much content happens to be on screen (a short + // personal-recipe tab vs. a ~25-item source browse). Pinning both + // `height`/`max-height` to the same `80vh` keeps the browsing area a + // consistent, generous size regardless of tab/content, on top of the + // `.dialog-panel__body` fix below that makes that area actually use the + // space instead of overflowing it. + height: 80vh; + max-height: 80vh; // `.dialog-panel__body` (dialog.scss) is a plain block-flow scroll // container by default — fine for every other dialog's small form, but