wholetrans/docs-matrix-spec
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix sticky headers so they don't hide behind header bar on desktop

Browse source
This commit is contained in:
Andrew Morgan 2019-01-11 16:15:06 +00:00
parent 576aa22880
commit b7b96833d0
1 changed files with 17 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

22
scripts/css/basic.css
View file

@ -465,11 +465,23 @@ dl.glossary dt {
/* -- proposals page -------------------------------------------------------- */ /* -- proposals page -------------------------------------------------------- */
#tables-of-tracked-proposals h2 { #tables-of-tracked-proposals h2 {
margin-top: 7px; padding-left: 10px;
padding-left: 10px; position: -webkit-sticky;
position: -webkit-sticky; position: sticky;
position: sticky; }
top: 0px;
/* Move sticky headers below header bar on desktop */
@media all and (min-width:980px) {
#tables-of-tracked-proposals h2 {
top: 52px;
}
}
/* Sticky headers stick to the top on mobile */
@media all and (min-width:0px) and (max-width: 980px) {
#tables-of-tracked-proposals h2 {
top: 0px;
}
} }
/* -- code displays --------------------------------------------------------- */ /* -- code displays --------------------------------------------------------- */