amadan
Add content's fields and the Notion token are 16px on a touch screen
[rst-stack]'s text, email and password inputs and its textarea set font: inherit with a selector heavier than tokens.css's bare input and textarea, so they stayed 14px under a coarse pointer and TestNoZoomOnTap still failed on /add and /connectors/notion after the move. They get 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,
+14
−0
internal/memoria/static/memoria.css+14 −0
CI failed — run details
CI log
=== vet === go vet ./... go: downloading amadan.net/oficina/estilo.git v0.0.0-20261001093750-530cb932e768 go: downloading amadan.net/oficina/home/connect v0.0.0-20261001093757-2bec942ddd0c ../../cache/go-mod/amadan.net/rastrillo/rastrillo@v0.26.1-0.20260908075707-29e4491631bd/basecatalog.go:22:12: pattern locales/*.toml: no matching files found ../../cache/go-mod/amadan.net/rastrillo/rastrillo@v0.26.1-0.20260908075707-29e4491631bd/sessions/sessions.go:72:12: pattern migrations/*.sql: no matching files found ../../cache/go-mod/amadan.net/rastrillo/rastrillo@v0.26.1-0.20260908075707-29e4491631bd/auth/store.go:12:12: pattern migrations/*.sql: no matching files found ../../cache/go-mod/amadan.net/rastrillo/rastrillo@v0.26.1-0.20260908075707-29e4491631bd/ui/ui.go:260:12: pattern calendar.js: no matching files found make: *** [Makefile:67: vet] Error 1 amadan: step vet failed: exit status 2 amadan: job failed at step vet — its output is above, not at the tail of this log
diff --git a/internal/memoria/static/memoria.css b/internal/memoria/static/memoria.css| index 13c4bdc..b06ea07 100644 |
| --- a/internal/memoria/static/memoria.css |
| +++ b/internal/memoria/static/memoria.css |
| @@ -76,6 +76,20 @@ html { scrollbar-gutter: stable; } |
| outline: 2px solid var(--rst-accent); |
| outline-offset: 1px; |
| } |
| +/* iOS zooms the page into any text control under 16px, and tokens.css |
| + * brings controls up to 16px where the pointer is coarse. The fields |
| + * above set `font: inherit` with a selector that outweighs tokens.css's |
| + * bare `input` and `textarea`, and fell back to 14px: Add content's |
| + * title and body, and the Notion token. Same rule, same max(), restated |
| + * here at their weight. TestNoZoomOnTap (make browser) measures them. */ |
| +@media (pointer: coarse) { |
| + [rst-stack] input[type="text"], |
| + [rst-stack] input[type="email"], |
| + [rst-stack] input[type="password"], |
| + [rst-stack] textarea { |
| + font-size: max(1rem, 1em); |
| + } |
| +} |
| /* Pasted prose is prose: the body font, not a code box. */ |
| [rst-stack] textarea { resize: vertical; } |
| /* A button is as wide as its label, not the column: [rst-stack] is a |