standardebooks/web
1
0
Fork 0
mirror of https://github.com/standardebooks/web.git synced 2025-07-14 10:31:59 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Make sure that headers scrolled in view on mobile

Browse source 
Currently, when clicking on a ToC link in a single page web version, the title for that section is hidden under the fixed banner. We can use `scroll-margin-top` to add a little additional scroll amount to scroll the header into view. `3em` matches the current top margin of `3em` on headings and hgroups.
This commit is contained in:
Robin Whittleton 2022-10-01 09:50:13 +02:00 • committed by Alex Cabal
parent 262ad7cfc3
commit 8499cfeaad
1 changed files with 4 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

4
www/css/web.css
View file

@ -123,4 +123,8 @@ and will just drop this entire query together if it's included. */
margin-bottom: 2em; margin-bottom: 2em;
margin-top: 2em; margin-top: 2em;
} }
[id]{
scroll-margin-top: 3em;
}
} }