summaryrefslogtreecommitdiff
path: root/public/css
diff options
context:
space:
mode:
authorSheogorath2019-05-30 12:30:05 +0200
committerSheogorath2019-05-30 13:26:24 +0200
commit6f4841dcd27cbf0abec628fdcd4825287a70db07 (patch)
treebaad24f397658661cd697290e80f9969dec62fd1 /public/css
parent3eca0a74ae3d87a42acb7c7b8e39e2c389e3c96c (diff)
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>
Diffstat (limited to 'public/css')
-rw-r--r--public/css/extra.css12
1 files changed, 11 insertions, 1 deletions
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;