From afa7c1ed9be74dfcd7e05db508bd5150135baac8 Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Wed, 3 Aug 2022 12:00:36 -0400
Subject: [PATCH] UX: account for iPad hub nav when calculating top (#17780)

---
 app/assets/stylesheets/common/base/sidebar.scss | 3 +++
 app/assets/stylesheets/common/base/topic.scss   | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/app/assets/stylesheets/common/base/sidebar.scss b/app/assets/stylesheets/common/base/sidebar.scss
index 7d7a3fbd6a..5c5ce13340 100644
--- a/app/assets/stylesheets/common/base/sidebar.scss
+++ b/app/assets/stylesheets/common/base/sidebar.scss
@@ -11,6 +11,9 @@
     grid-area: sidebar;
     position: sticky;
     top: var(--header-offset);
+    .footer-nav-ipad & {
+      top: calc(var(--header-offset) + var(--footer-nav-height));
+    }
     height: calc(100vh - var(--header-offset));
     align-self: start;
     overflow-y: auto;
diff --git a/app/assets/stylesheets/common/base/topic.scss b/app/assets/stylesheets/common/base/topic.scss
index c882e9af30..aaf7470e09 100644
--- a/app/assets/stylesheets/common/base/topic.scss
+++ b/app/assets/stylesheets/common/base/topic.scss
@@ -50,6 +50,9 @@ $topic-progress-height: 42px;
       align-self: start;
       @include sticky;
       top: calc(var(--header-offset, 60px) + 2em);
+      .footer-nav-ipad & {
+        top: calc(var(--header-offset, 60px) + var(--footer-nav-height) + 2em);
+      }
       margin-left: 1em;
       z-index: z("timeline");