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

Fix hidden header on link

Browse source 
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>
This commit is contained in:
Sheogorath 2019-05-24 14:54:04 +02:00
parent de669c7b93
commit c9af13cf34
No known key found for this signature in database
GPG key ID: 1F05CC3635CDDFFD
1 changed files with 8 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
public/css/extra.css
View file

@ -384,6 +384,14 @@ small .dropdown a:focus, small .dropdown a:hover {
color: #eee; color: #eee;
} }
*[id]:before {
display: block;
content: " ";
margin-top: -55px;
height: 55px;
visibility: hidden;
}
@media print { @media print {
div, table, img, pre, blockquote { div, table, img, pre, blockquote {
page-break-inside: avoid !important; page-break-inside: avoid !important;