From 15e7bcacbe7519e008808fdb153ce6f7e182b0b0 Mon Sep 17 00:00:00 2001 From: Chris Xiong Date: Fri, 9 Aug 2024 21:10:37 -0400 Subject: Fix footer when content is expanded. Use consistent selector for footer. --- common.css | 2 +- panel.css | 8 ++++++-- 2 files changed, 7 insertions(+), 3 deletions(-) diff --git a/common.css b/common.css index 38ca98c..48a45ac 100644 --- a/common.css +++ b/common.css @@ -106,7 +106,7 @@ del{ #panel li a:hover:not(.active){ background-color: var(--list-highlighted-bg); } -#panel,#footer{ +#panel,div.footer{ background-color: var(--secondary-bg); background-image: var(--bg-pattern); background-repeat: repeat; diff --git a/panel.css b/panel.css index db0c5e9..a28ed0c 100644 --- a/panel.css +++ b/panel.css @@ -67,17 +67,21 @@ left:-15em; display: none; padding: 1em; } -#footer,div.footer{ +div.footer{ position:fixed; bottom:0; left:16em; padding-bottom:0.5em; width:calc(100% - 16em); } +#content.expanded + div.footer{ + left:1em; + width:calc(100% - 1em); +} @media (max-width:768px) { #panel{left:-15em;} #content{margin-left:1em;} - #footer,div.footer{width:calc(100% - 1em);left:1em;} + div.footer{width:calc(100% - 1em);left:1em;} #panel li a#paneltoggle{display:none;} } -- cgit v1.2.3