Quick add's box is 16px on a touch screen too
[cal-quick-text] sets font: inherit with a selector heavier than tokens.css's bare textarea, so it stayed 14px under a coarse pointer and TestNoZoomOnTap still failed on the four views after the move. It gets the same max(1rem, 1em) under (pointer: coarse). Mouse styles are unchanged.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
1 file changed,
+11
−0
internal/calendar/static/calendar.css+11 −0
diff --git a/internal/calendar/static/calendar.css b/internal/calendar/static/calendar.css| index bd12658..7e615ca 100644 |
| --- a/internal/calendar/static/calendar.css |
| +++ b/internal/calendar/static/calendar.css |
| @@ -498,6 +498,17 @@ html { scroll-padding-block-start: var(--estilo-bar-block-size); } |
| width: 100%; |
| } |
| +/* iOS zooms the page into any text control under 16px, and tokens.css |
| + * brings controls up to 16px where the pointer is coarse. The box above |
| + * sets `font: inherit` with a selector that outweighs tokens.css's bare |
| + * `textarea`, and fell back to 14px. Same rule, same max(), restated |
| + * here at its weight. TestNoZoomOnTap (make browser) measures it. */ |
| +@media (pointer: coarse) { |
| + [cal-quick-text] { |
| + font-size: max(1rem, 1em); |
| + } |
| +} |
| + |
| [cal-quick-pane] { |
| background: var(--rst-surface-2); |
| border-radius: var(--rst-radius-sm); |