Diff options
| author | Bryce Kwon <bryce@brycekwon.com> | |
|---|---|---|
| committer | Bryce Kwon <bryce@brycekwon.com> | |
| commit | ||
| parent | ||
| tree | ||
| download | ||
Draw one focus ring on links and controls
Links fell back to each browser's own ring, which differs in shape and
colour from one engine to the next, while selects and inputs drew the
link colour ring. The repository title clips its overflow, so it gets
3px of padding, given back by a negative margin, for its ring to show
whole.
| -rw-r--r-- | assets/cgit.css | 4 |
1 file changed, 3 insertions, 1 deletion
diff --git a/assets/cgit.css b/assets/cgit.css index 1f42207..b2d3ca5 100644 --- a/assets/cgit.css +++ b/assets/cgit.css @@ -166,6 +166,7 @@ div#cgit input[type="submit"]:hover { border-color: var(--border-mid); } +div#cgit a:focus-visible, div#cgit select:focus-visible, div#cgit input:focus-visible { outline: solid 2px var(--link); @@ -199,7 +200,8 @@ div#cgit #header .logo img { div#cgit #header h1.main { grid-area: heading; - margin: 0; + margin: 0 -3px; + padding: 0 3px; font-size: 250%; font-weight: normal; white-space: nowrap; |