screentinker/frontend
ScreenTinker 481ae0209a Mobile: fix modal and form control overflow
Inline width:NNNpx beats the .modal { width: 95vw } mobile rule due to
specificity. Convert to max-width:NNNpx;width:95vw on the three affected
modals so they cap at their desktop size but still shrink on mobile:
  - playlists.js add-item modal (560px)
  - device-detail.js assign-playlist modal (650px)
  - content-library.js edit-content modal (500px)

Same fix pattern for fixed-width form controls flagged in QA — selects
and inputs change to max-width:NNNpx;width:100% so they keep their
desktop size but shrink to container on mobile:
  - admin.js role/plan selects (120/130px)
  - teams.js member role + add-device selects (100/200px)
  - content-library.js search input + folder filter (250/180px)
  - onboarding.js pairing code + display name inputs (240px)

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
2026-04-21 18:48:51 -05:00
..
assets Initial open source release 2026-04-08 12:14:53 -05:00
css QA fixes: toast aria-live + scope playlist flex-wrap to mobile 2026-04-21 16:00:41 -05:00
js Mobile: fix modal and form control overflow 2026-04-21 18:48:51 -05:00
legal Initial open source release 2026-04-08 12:14:53 -05:00
index.html Mobile: sidebar polish (Commit 1/4) 2026-04-21 15:49:49 -05:00
landing.html Initial open source release 2026-04-08 12:14:53 -05:00
manifest.json Initial open source release 2026-04-08 12:14:53 -05:00
robots.txt Initial open source release 2026-04-08 12:14:53 -05:00
sitemap.xml Initial open source release 2026-04-08 12:14:53 -05:00
sw-admin.js Initial open source release 2026-04-08 12:14:53 -05:00