css: Add scroll-padding-top to html tag.
authorRicardo Wurmus <rekado@elephly.net>
Thu, 9 Dec 2021 17:16:45 +0000 (18:16 +0100)
committerRicardo Wurmus <rekado@elephly.net>
Thu, 9 Dec 2021 17:16:45 +0000 (18:16 +0100)
This fixes the scroll position of *all* anchors, not just the
message-anchor.

assets/css/screen.css

index 5d8513d9aef63a976546786ff27918696a7e3fe9..df8aec39117ee831b7e273dd23a5b1e0dc960a78 100644 (file)
@@ -1,3 +1,7 @@
+html {
+    scroll-padding-top: 70px; /* height of sticky header */
+}
+
 html, body {
     background-color: #fff;
     width: 100%;
@@ -175,7 +179,6 @@ table {
 a.message-anchor {
     display: block;
     position: relative;
-    top: -80px;
     visibility: hidden;
 }