From 9fd5ffd925af35ade3ed2d7f76e2ffd0b365167b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Andr=C3=A9=20Padez?= Date: Sun, 30 Aug 2026 22:37:23 +0100 Subject: [PATCH] the detail panels scroll MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Four sections could not be scrolled: About, and Gallery, Drops and Collabs, which are three configurations of one panel. Both of those panels were written yesterday with `overflow-auto` and no height, so they grew to fit their content and ran off the bottom of the workspace instead of scrolling inside it. `overflow-auto` only does something on an element with a height to overflow. DetailPanel gives its child `min-h-0 flex-1` inside a `size-full` column, so a panel that says `size-full` fills exactly that box and scrolls within it — which is what Home, Galleries and Administration were already doing and what these two were copied from without. Messages had the same fault in a different shape. Its list is a flex child with `flex-1 overflow-auto`, and a flex child defaults to `min-height: auto` — it refuses to shrink below its content, so the list grew the panel rather than scrolling. `min-h-0` is what lets it shrink, and therefore what makes the overflow mean anything. Audited the rest rather than fixing the reported ones: every panel with an `overflow-auto` now pairs it with a height, and the two that have none are centred single screens with nothing to scroll. Co-Authored-By: Claude Opus 5 (1M context) --- web/MessagesPanel.tsx | 5 ++++- web/sections/AboutPanel.tsx | 2 +- web/sections/RecordsPanel.tsx | 2 +- 3 files changed, 6 insertions(+), 3 deletions(-) diff --git a/web/MessagesPanel.tsx b/web/MessagesPanel.tsx index bb7a6f1..26a1638 100644 --- a/web/MessagesPanel.tsx +++ b/web/MessagesPanel.tsx @@ -108,7 +108,10 @@ export const MessagesPanel = () => {

Nobody has used the contact form yet.

) : ( -