oficina / calendar Public

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>
Paul Campbell pushed by paul@keymail.dev c974f5556122b9ec76cda71a8e63f0293d35baf5 parent 3de83ef
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);