From a7eb0eda7291f66e6191f3a309bbaf7dca929932 Mon Sep 17 00:00:00 2001 From: "Kveld." Date: Mon, 20 Apr 2026 12:41:48 -0300 Subject: [PATCH] fix padding (#221) --- src/styles/layout.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/src/styles/layout.css b/src/styles/layout.css index b2d4c6a2..e4367a7c 100644 --- a/src/styles/layout.css +++ b/src/styles/layout.css @@ -1068,6 +1068,13 @@ contain: paint; } +/* When floating player is active, add extra bottom padding so content doesn't + get hidden behind the fixed floating bar (player height + bottom offset + minimal spacing). + !important needed to override inline padding:0 on App.tsx content-body */ +.app-shell.floating-player .content-body { + padding-bottom: calc(var(--player-height) + 12px) !important; +} + /* Every page re-uses .content-body as its outer wrapper, but App.tsx already renders one around as the scroll container. The inner one must not establish its own scroll ancestor — otherwise `position: sticky`