From 58a0a246c8439ad66253d291ecdc6e10122c69b4 Mon Sep 17 00:00:00 2001 From: Ethan Dalool Date: Sat, 2 Jan 2021 23:53:14 -0800 Subject: [PATCH] Add comment regarding sticky_bottom background and :before pseudo. --- frontends/etiquette_flask/static/css/etiquette.css | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/frontends/etiquette_flask/static/css/etiquette.css b/frontends/etiquette_flask/static/css/etiquette.css index 7545782..686f934 100644 --- a/frontends/etiquette_flask/static/css/etiquette.css +++ b/frontends/etiquette_flask/static/css/etiquette.css @@ -87,6 +87,16 @@ iframe.embedded_search "right" var(--size_sticky_bottom) / 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_right #right {