managarten/packages/shared-ui
Till JS fffd3eb75a style(shared-ui): drop hover-lift transforms from pills and chips
The whole pill family used a translateY(-1px / -2px) on :hover that
made the chrome jitter every time the cursor crossed anything —
especially noticeable in the TagStrip, PillNav, and the user-menu
bar where pills sit close together and a 1-2px jump reads as
twitching rather than polish.

Removed the hover transform (and the matching :active reset on
the base Pill) from:

- Pill.svelte — base primitive, covers PillNav + every bar pill
- AppDrawer.svelte — .glass-pill in the app switcher
- PillTagSelector.svelte — .glass-pill in the quick-input tag selector
- PillTimeRangeSelector.svelte — .glass-pill in the calendar range picker
- UserMenuPanel.svelte — .chip hover in the popover variant

Background, border, and shadow hover states are kept — only the
vertical displacement is gone.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-15 15:32:18 +02:00
..
src style(shared-ui): drop hover-lift transforms from pills and chips 2026-04-15 15:32:18 +02:00
package.json perf(shared-pkgs): declare sideEffects for aggressive tree-shaking 2026-04-14 18:12:22 +02:00
tsconfig.json feat(shared-ui): add TagChip component and tag component tests 2026-04-02 14:24:19 +02:00
vitest.config.ts feat(shared-ui): add TagChip component and tag component tests 2026-04-02 14:24:19 +02:00