fix(words): trim the gutter rail to 1.5rem (~24px)

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) <noreply@anthropic.com>
active-uix
dev 4 months ago
parent 5a3029e589
commit 0edb7be26c

@ -6,9 +6,10 @@
--_words-content-min-block-size: var(--words-content-min-block-size-md); --_words-content-min-block-size: var(--words-content-min-block-size-md);
/* Gutter reserved for the block-handle grip + inserter "+" overlay. /* Gutter reserved for the block-handle grip + inserter "+" overlay.
Content is padded by this much on the side OPPOSITE to the drawer 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 so the floating overlays have a visible band to land in. 1.5rem
fits a 28×28 hit area with 12px breathing room before the text. */ (≈24px) added to the existing content-px (16px) gives ~40px total
--_words-rail-px: 2.5rem; 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-px: var(--words-toolbar-px-md);
--_words-toolbar-py: var(--words-toolbar-py-md); --_words-toolbar-py: var(--words-toolbar-py-md);
--_words-button-size: var(--words-button-size-md); --_words-button-size: var(--words-button-size-md);

Loading…
Cancel
Save

Powered by TurnKey Linux.