voussoir/etiquette
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add comment regarding sticky_bottom background and :before pseudo.

Browse source
This commit is contained in:
voussoir 2021-01-02 23:53:14 -08:00
parent 087238bfad
commit 58a0a246c8
1 changed files with 10 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
frontends/etiquette_flask/static/css/etiquette.css
View file

@ -87,6 +87,16 @@ iframe.embedded_search
"right" var(--size_sticky_bottom) "right" var(--size_sticky_bottom)
/ 1fr; / 1fr;
} }
/*
Usually, the panels are made by giving them a translucent background, which
stands out from the body layer. But, since the sticky_bottom will probably
be on top of content, we don't want to see through it! So we give it the
same background as the body color, and then use a pseudoelement to get the
transparent panel look back again.
An alternative solution might be to really split the page into a scrollable
top half and the non-scrollable sticky_bottom. I will look into this at
some point.
*/
#content_body.sticky_bottom_left #left, #content_body.sticky_bottom_left #left,
#content_body.sticky_bottom_right #right #content_body.sticky_bottom_right #right
{ {