gsxdsm 44e607e1a7 refactor: rename tablet marker to floating-window--tablet-viewport, add shell naming maps ...

The right-padding bug recurred three times because 'Task Detail modal' names ONE
surface with THREE shells and fixes kept landing in the wrong file. Disambiguate:

- Rename the just-introduced .floating-window--tablet marker to
  .floating-window--tablet-viewport and document the naming contract next to it:
  --tablet-viewport = viewport MODE classifies tablet (touch or not, styling
  surface); --touch-geometry = tablet AND touch (enlarged 44px targets only).
- Add SHELL NAMING MAP breadcrumbs at the top of TaskDetailModal.css and
  TerminalModal.css pointing inset/padding fixes at the FloatingWindow shell
  that tablet popups and floating terminals actually render through.

Comment wording deliberately avoids dot-prefixed class tokens because
FloatingWindow.test.tsx scans raw CSS (comments included) with selector regexes.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

2026-07-31 21:25:40 -07:00

97 KiB

Raw Blame History

View Raw