From 6f4841dcd27cbf0abec628fdcd4825287a70db07 Mon Sep 17 00:00:00 2001 From: Sheogorath Date: Thu, 30 May 2019 12:30:05 +0200 Subject: [PATCH] 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 --- public/css/extra.css | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/public/css/extra.css b/public/css/extra.css index b36a69f..d5945ba 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;