Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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.
This commit is contained in:
David Battersby 2024-02-07 22:14:26 +08:00 committed by GitHub
parent 767b49232e
commit 490041a435
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
plugins/chat/assets/stylesheets/mobile/chat-channel-settings.scss
View File

@ -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)
);
}
}