UX: iPad footer nav now included in header offset (#21699)

app/assets/stylesheets/common/base/menu-panel.scss

@@ -540,13 +540,6 @@
   }
 }
 
-body.footer-nav-ipad {
-  .hamburger-panel .revamped,
-  .menu-panel.slide-in {
-    margin-top: var(--footer-nav-height);
-  }
-}
-
 .hamburger-panel .menu-panel.slide-in {
   left: 0;
 

app/assets/stylesheets/common/base/sidebar.scss

@@ -41,14 +41,6 @@
     var(--composer-vh, var(--1dvh)) * 100 - var(--header-offset, 0px)
   );
 
-  .footer-nav-ipad & {
-    top: calc(var(--header-offset) + var(--footer-nav-height));
-    height: calc(
-      var(--composer-vh, var(--1dvh)) * 100 - var(--header-offset, 0px) -
-        var(--footer-nav-height, 0px)
-    );
-  }
-
   align-self: start;
   overflow-y: auto;
 

app/assets/stylesheets/common/base/topic.scss

@@ -50,9 +50,6 @@ $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");
 

plugins/chat/assets/stylesheets/common/chat-height-mixin.scss

@@ -20,20 +20,9 @@
   .footer-nav-ipad & {
     height: calc(
       var(--chat-vh, 1vh) * 100 - var(--header-offset, 0px) -
-        var(--footer-nav-height, 0px) - var(--chat-draft-header-height, 0px) -
+        var(--chat-draft-header-height, 0px) -
         var(--chat-direct-message-creator-height, 0px) -
         var(--composer-height, 0px)
     );
   }
-
-  // ipad with keyboard opened
-  .keyboard-visible & {
-    .footer-nav-ipad & {
-      height: calc(
-        var(--chat-vh, 1vh) * 100 - var(--header-offset, 0px) -
-          var(--footer-nav-height, 0px) - var(--chat-draft-header-height, 0px) -
-          var(--chat-direct-message-creator-height, 0px)
-      );
-    }
-  }
 }