Door links: base.css's underline offset, and a focus twin for the foot
Review (Fable, Lows): match base.css's 0.15em, and lift the foot link on keyboard focus as on hover. The comment names the cause: those four apps do not link base.css.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
1 file changed,
+7
−6
chrome/chrome.css+7 −6
CI passed — run details
CI log
=== modcache === all modules verified === vet === CGO_ENABLED=0 go vet ./... === fmt === === build === CGO_ENABLED=0 go build -buildvcs=false ./... === go-test === CGO_ENABLED=0 go test -count=1 ./... ok amadan.net/oficina/estilo.git/base 0.005s ok amadan.net/oficina/estilo.git/brand 0.008s ok amadan.net/oficina/estilo.git/busy 0.003s ok amadan.net/oficina/estilo.git/callui 0.005s ok amadan.net/oficina/estilo.git/chrome 0.204s ? amadan.net/oficina/estilo.git/cmd/oficina-notices [no test files] ok amadan.net/oficina/estilo.git/credits 0.007s ok amadan.net/oficina/estilo.git/credits/catalog 0.006s ok amadan.net/oficina/estilo.git/homeconnect 0.006s ok amadan.net/oficina/estilo.git/internal/lint 0.006s ? amadan.net/oficina/estilo.git/internal/tokencheck [no test files] ok amadan.net/oficina/estilo.git/menu 0.009s ok amadan.net/oficina/estilo.git/savestatus 0.086s ok amadan.net/oficina/estilo.git/sky 0.024s ok amadan.net/oficina/estilo.git/theme 0.008s
diff --git a/chrome/chrome.css b/chrome/chrome.css| index 3f18736..6bda384 100644 |
| --- a/chrome/chrome.css |
| +++ b/chrome/chrome.css |
| @@ -244,10 +244,11 @@ |
| [estilo-signin] { padding: 26px 22px 24px; } |
| } |
| [estilo-signin-foot] { margin-block-start: var(--rst-sp-6); font-size: var(--rst-fs-xs); color: var(--rst-text-muted); } |
| -/* The door's links are drawn here, not left to the app: an app whose own |
| - CSS styles no bare <a> showed the browser's blue on the card. A link in |
| - the card is the app's colour, at the lowest specificity so a link |
| - drawn as a button keeps the button's; the foot's is quiet, like its text. */ |
| -:where([estilo-signin]) a { color: var(--rst-accent); text-underline-offset: 0.2em; } |
| +/* The door's links are drawn here, not left to the app: an app that does |
| + not link base.css (Calendar, Memoria, Calls, Fichas) showed the browser's |
| + blue on the card. As base.css does, a link in the card is the app's |
| + colour at the lowest specificity, so a link drawn as a button keeps the |
| + button's; the foot's is quiet, like its text. */ |
| +:where([estilo-signin]) a { color: var(--rst-accent); text-underline-offset: 0.15em; } |
| [estilo-signin-foot] a { color: inherit; } |
| -[estilo-signin-foot] a:hover { color: var(--rst-text); } |
| +[estilo-signin-foot] a:hover, [estilo-signin-foot] a:focus-visible { color: var(--rst-text); } |