From c9af13cf34d1b4d66e4c3a590b875669455122a4 Mon Sep 17 00:00:00 2001
From: Sheogorath
Date: Fri, 24 May 2019 14:54:04 +0200
Subject: Fix hidden header on link

When people link a section or use the ToC to scroll to it upwards, it
happens that those become hidden behind the navbar.

This patch adds a little hack from StackOverflow[1] in order to fix this
problem. By adding a pseudo element in front of any field that contains
an id, it's possible to add the needed space.

There was no negative impact found except of marking around the header
areas in the rendered view requires a bit preciser work. This needs some
more detailed testing.

[1]: https://stackoverflow.com/a/24298427

Signed-off-by: Sheogorath <sheogorath@shivering-isles.com>
---
 public/css/extra.css | 8 ++++++++
 1 file changed, 8 insertions(+)

(limited to 'public/css')

diff --git a/public/css/extra.css b/public/css/extra.css
index 3954c046..b36a69fe 100644
--- a/public/css/extra.css
+++ b/public/css/extra.css
@@ -384,6 +384,14 @@ small .dropdown a:focus, small .dropdown a:hover {
     color: #eee;
 }
 
+*[id]:before {
+  display: block;
+  content: " ";
+  margin-top: -55px;
+  height: 55px;
+  visibility: hidden;
+}
+
 @media print {
     div, table, img, pre, blockquote {
         page-break-inside: avoid !important;
-- 
cgit v1.2.3