From 6f4841dcd27cbf0abec628fdcd4825287a70db07 Mon Sep 17 00:00:00 2001
From: Sheogorath
Date: Thu, 30 May 2019 12:30:05 +0200
Subject: Fix hidden MathJax output

In order to have a better experience when linking to headlines based on
their ID, a patch[1] introduced a new CSS construct to add some space in
front of HTML tags with an id field. Therefore they would no longer be
hidden by a visible navbar.

This cause a regression bug by moving the rendered mathjax out of its
visible area. This patch fixes the problem by restricting the previous
change to headlines only.

[1]: commit c9af13cf34d1b4d66e4c3a590b875669455122a4

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

(limited to 'public')

diff --git a/public/css/extra.css b/public/css/extra.css
index b36a69fe..d5945ba9 100644
--- a/public/css/extra.css
+++ b/public/css/extra.css
@@ -384,7 +384,17 @@ small .dropdown a:focus, small .dropdown a:hover {
     color: #eee;
 }
 
-*[id]:before {
+
+/* Prevent linked heading from being hidden underneath navbar.
+ * Example: http://localhost:3000/features#Editor-Modes would open and
+ * hide the headline "Editor Modes" underneath the navbar without this CSS rule.
+ */
+.markdown-body h1[id]:before,
+.markdown-body h2[id]:before,
+.markdown-body h3[id]:before,
+.markdown-body h4[id]:before,
+.markdown-body h5[id]:before,
+.markdown-body h6[id]:before {
   display: block;
   content: " ";
   margin-top: -55px;
-- 
cgit v1.2.3