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

UX: Fix minimized composer position on iOS PWA and app (#30926) 

See
https://meta.discourse.org/t/minimized-composer-reply-control-issues/348337
This commit is contained in:
Penar Musaraj 2025-01-22 13:38:34 -05:00 committed by GitHub
parent c85708b438
commit eb041085bc
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app/assets/stylesheets/common/base/compose.scss
View File

@ -679,7 +679,6 @@ div.ac-wrap {
&.draft, &.draft,
&.saving { &.saving {
z-index: z("ipad-header-nav") + 1;
padding-bottom: env(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);
} }
@ -732,6 +731,16 @@ div.ac-wrap {
bottom: unset; bottom: unset;
} }
&.footer-nav-visible {
#reply-control.draft,
#reply-control.saving {
margin-top: calc(
(var(--footer-nav-height) + env(safe-area-inset-bottom)) * -1
);
padding-bottom: 0;
}
}
// When an element (input, textearea) gets focus, iOS Safari tries to put it in the center // When an element (input, textearea) gets focus, iOS Safari tries to put it in the center
// by scrolling and zooming. We handle zooming with a meta tag. We used to handle scrolling // by scrolling and zooming. We handle zooming with a meta tag. We used to handle scrolling
// using a complicated JS hack. // using a complicated JS hack.

6
app/assets/stylesheets/common/components/footer-nav.scss
View File

@ -13,12 +13,6 @@ html.footer-nav-visible {
padding-bottom: calc(var(--footer-nav-height) + 15px); padding-bottom: calc(var(--footer-nav-height) + 15px);
} }
#reply-control.draft {
bottom: var(--footer-nav-height);
margin-bottom: env(safe-area-inset-bottom);
padding-bottom: 0;
}
.with-topic-progress { .with-topic-progress {
bottom: calc( bottom: calc(
var(--footer-nav-height) + env(safe-area-inset-bottom) + var(--footer-nav-height) + env(safe-area-inset-bottom) +