From 062c348d4e2711af4ca57349ea7fdd9ed755a79e Mon Sep 17 00:00:00 2001 From: Rohan Kumar Date: Thu, 2 Jun 2022 22:04:21 -0700 Subject: [PATCH] CSS: increase endnote backlink tap target size Should meet the 48x48px target now. --- assets/css/main.css | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/assets/css/main.css b/assets/css/main.css index 446d20b..85a9258 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -128,9 +128,21 @@ html { padding: .875em .25em; } - /* Make superscripts a bit easier to tap. */ + /* Make superscripts and backlinks a bit easier to tap. */ sup > a { padding-bottom: .25em; + margin-left: .25em; + } + + a[role="doc-backlink"] { + /* This doesn't take us all the way to WCAG AAA 44px targets, but it's close.*/ + padding: 0 1.75em 1.625em .25em; + } + + /* Make room for those big backlink buttons so they don't overlap + * with links on the following endnote */ + section[role="doc-endnotes"] li { + margin-bottom: 2em; } nav li ol {