From 03a3c1577d139bdfbba5d770434a7d46e0ebcd3e Mon Sep 17 00:00:00 2001 From: Austin Schaefer Date: Tue, 15 Sep 2026 09:16:29 +0200 Subject: [PATCH] Let sidebar menu buttons grow with long feed titles Fixed height + overflow:hidden on .dx-sidebar-menu-button caused long feed titles (real RSS text, often longer than the custom labels shown in other readers) to clip and visually collide with the next row. Switch to min-height per size variant and drop the overflow/height clipping so rows grow to fit wrapped text; the existing scrollable sidebar-content container handles the rest. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> --- crates/web/src/components/sidebar/style.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/crates/web/src/components/sidebar/style.css b/crates/web/src/components/sidebar/style.css index 1f867bd..b78ed48 100644 --- a/crates/web/src/components/sidebar/style.css +++ b/crates/web/src/components/sidebar/style.css @@ -495,7 +495,6 @@ .dx-sidebar-menu-button[data-sidebar="menu-button"] { display: flex; - overflow: hidden; width: 100%; box-sizing: border-box; align-items: center; @@ -508,9 +507,10 @@ font-size: 0.875rem; gap: 0.5rem; outline: none; + overflow-wrap: anywhere; text-align: left; text-decoration: none; - transition: width 200ms ease-out, height 200ms ease-out, padding 200ms ease-out; + transition: width 200ms ease-out, padding 200ms ease-out; } .dx-sidebar-menu-button[data-sidebar="menu-button"]:hover { @@ -558,17 +558,17 @@ /* Size variants */ .dx-sidebar-menu-button[data-sidebar="menu-button"][data-size="default"] { - height: 2rem; + min-height: 2rem; font-size: 0.875rem; } .dx-sidebar-menu-button[data-sidebar="menu-button"][data-size="sm"] { - height: 1.75rem; + min-height: 1.75rem; font-size: 0.75rem; } .dx-sidebar-menu-button[data-sidebar="menu-button"][data-size="lg"] { - height: 3rem; + min-height: 3rem; font-size: 0.875rem; }