From 490041a43512a5ef88239dc87e5347689be20a88 Mon Sep 17 00:00:00 2001
From: David Battersby <info@davidbattersby.com>
Date: Wed, 7 Feb 2024 22:14:26 +0800
Subject: [PATCH] UX: add padding to bottom of mobile chat channel settings
 page (#25587)

The leave channel button is cut off when accessing the channel settings page on mobile.

This change adds additional padding to the bottom of the channel settings page when accessing via iPad/PWA/Hub.
---
 .../assets/stylesheets/mobile/chat-channel-settings.scss   | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/plugins/chat/assets/stylesheets/mobile/chat-channel-settings.scss b/plugins/chat/assets/stylesheets/mobile/chat-channel-settings.scss
index 0b7de3264b1..2daf4e7ba30 100644
--- a/plugins/chat/assets/stylesheets/mobile/chat-channel-settings.scss
+++ b/plugins/chat/assets/stylesheets/mobile/chat-channel-settings.scss
@@ -1,3 +1,10 @@
 .c-channel-settings {
   min-width: 320px;
+
+  html.footer-nav-ipad &,
+  html.footer-nav-visible & {
+    padding-bottom: calc(
+      env(safe-area-inset-bottom) + var(--footer-nav-height, 0px)
+    );
+  }
 }