From 0edb7be26cdd76a0f85d84f557e44ef460d65e4f Mon Sep 17 00:00:00 2001 From: dev Date: Thu, 28 May 2026 00:20:25 +0200 Subject: [PATCH] fix(words): trim the gutter rail to 1.5rem (~24px) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Previous 2.5rem (~40px) made the content's left padding total ~56px which felt excessive — the band was very wide and the grip looked lost in the middle of it. Trim to 1.5rem so the total padding is ~40px on the rail side: tight enough that the 28×28 grip occupies most of the band (content.left+8 → +36) with just enough breathing room (4 px) before the text starts. Same Notion-style density. Co-Authored-By: Claude Opus 4.7 (1M context) --- src/uix/eidos/components/words/words.css | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/uix/eidos/components/words/words.css b/src/uix/eidos/components/words/words.css index b780b8b7f..b93c3bff7 100644 --- a/src/uix/eidos/components/words/words.css +++ b/src/uix/eidos/components/words/words.css @@ -6,9 +6,10 @@ --_words-content-min-block-size: var(--words-content-min-block-size-md); /* Gutter reserved for the block-handle grip + inserter "+" overlay. Content is padded by this much on the side OPPOSITE to the drawer - so the floating overlays have a visible band to land in. ~40px - fits a 28×28 hit area with 12px breathing room before the text. */ - --_words-rail-px: 2.5rem; + so the floating overlays have a visible band to land in. 1.5rem + (≈24px) added to the existing content-px (16px) gives ~40px total + on that side — just enough for a 28×28 hit area, no waste. */ + --_words-rail-px: 1.5rem; --_words-toolbar-px: var(--words-toolbar-px-md); --_words-toolbar-py: var(--words-toolbar-py-md); --_words-button-size: var(--words-button-size-md);