search

pyricau / pyricau.github.com

p-y.wtf static website
https://p-y.wtf
30 stars 40 forks source link

Obstructed content #21

Open TWiStErRob opened 8 years ago

TWiStErRob commented 8 years ago

The trick you use to be able to deep-link into an article obstructs the area above the heading.

Try clicking on the word "software" at:

By the way, if you need excellent quality software translation, I know someone that's been translating software for more than 25 years. Yes, he is my father :) . -- http://www.piwai.info/android-string-placeholders/

image

To work around this you can minimize the impact of the "offset because overlay menu" hack:

*:target::before {
    content: " ";
    width: 0;
    height: 0;
    display: block;
    padding-top: 50px;
    margin-top: -50px;
}
  1. This will only add fake padding-margin when needed
  2. The fake padding-margin area is not clickable

You can try this solution at http://www.twisterrob.net/project/inventory/ and you can find source here.