commit 7ec7293591736ddb0a4e02e6144339fd1d3e8cb9
author Jamal Carvalho <jamal@golang.org> Fri Oct 02 14:01:54 2020 -0400
committer Jamal Carvalho <jamal@golang.org> Fri Oct 02 19:40:36 2020 +0000
tree 158a5ab249c7f78db0933c9323eaffc7e54df418
parent c690f3f5922feaaec47651f4d7523dee13a936bd

content/static: pad unit page anchor link targets

Adds spacing above anchor link targets on the details page to
account for sticky header.

Change-Id: Iaf1c5e1189a3cae92475ddeab1fb3fe6b9ea6e7f
Reviewed-on: https://go-review.googlesource.com/c/pkgsite/+/259200
Trust: Jamal Carvalho <jamal@golang.org>
Run-TryBot: Jamal Carvalho <jamal@golang.org>
Reviewed-by: Julie Qiu <julie@golang.org>

content/static/css/unit_details.css

diff --git a/content/static/css/unit_details.css b/content/static/css/unit_details.css
index 97c9da8..576a0b9 100644
--- a/content/static/css/unit_details.css
+++ b/content/static/css/unit_details.css
@@ -71,3 +71,21 @@
     display: block;
   }
 }
+.UnitDetails-content :target::before {
+  content: '';
+  display: block;
+  position: relative;
+  width: 0;
+  height: calc(var(--header-height) + 3.75rem);
+  margin-top: calc(
+    -1 * (var(--header-height) + 3.75rem)
+  ); /* Move hidden anchor content for deep linking with a sticky header. */
+}
+@media only screen and (min-width: 52rem) {
+  .UnitDetails-content :target::before {
+    height: calc(var(--header-height) + 0.75rem);
+    margin-top: calc(
+      -1 * (var(--header-height) + 0.75rem)
+    ); /* Move hidden anchor content for deep linking with a sticky header. */
+  }
+}