From 3a9917862deb21629e6ccfa67a1a23d21519398a Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Mon, 14 Apr 2025 09:06:42 -0400
Subject: [PATCH] UX: main-outlet needs dynamic bottom padding when composer
 open (#119)

When the composer is open the `#main-outlet`'s bottom padding needs to
match the composer height, so the content behind the composer can be
scrolled into view.

Reported here:
https://meta.discourse.org/t/help-us-test-horizon-our-newest-theme/360484/26?u=awesomerobot
---
 scss/main.scss | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/scss/main.scss b/scss/main.scss
index 96d3778..8a712f0 100644
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -63,8 +63,11 @@ body:not(.has-full-page-chat) {
     }
     #main-outlet {
       width: 100%;
-      padding-bottom: var(--spacing-block-l);
       max-width: unset;
+      padding-bottom: var(--spacing-block-l);
+      html.composer-open & {
+        padding-bottom: var(--composer-height);
+      }
       > *:not(.experimental-screen, .activate-account) {
         @include breakpoint(medium, $rule: min-width) {
           box-sizing: border-box;