depau/HackMD
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Fix hidden MathJax output

Browse source 
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 c9af13cf34

Signed-off-by: Sheogorath <sheogorath@shivering-isles.com>
This commit is contained in:
Sheogorath 2019-05-30 12:30:05 +02:00
parent 3eca0a74ae
commit 6f4841dcd2
No known key found for this signature in database
GPG key ID: 1F05CC3635CDDFFD
1 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
public/css/extra.css
View file

@ -384,7 +384,17 @@ small .dropdown a:focus, small .dropdown a:hover {
color: #eee; 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; display: block;
content: " "; content: " ";
margin-top: -55px; margin-top: -55px;