UX: Fix Android Firefox Mobile reply position (#29751)

This commit is contained in:
Penar Musaraj 2024-11-14 10:01:55 -05:00 committed by GitHub
parent fd5ef6896d
commit f62ed063fb
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 1 additions and 13 deletions

View File

@ -643,7 +643,6 @@ body:not(.ios-safari-composer-hacks) {
min-height: calc(var(--min-height) - 4em); min-height: calc(var(--min-height) - 4em);
} }
padding-bottom: var(--composer-ipad-padding); padding-bottom: var(--composer-ipad-padding);
padding-bottom: calc(10px + env(keyboard-inset-height));
box-sizing: border-box; box-sizing: border-box;
} }
} }

View File

@ -23,24 +23,13 @@
} }
.keyboard-visible &.open { .keyboard-visible &.open {
height: 100%; // Android: Reduces composer jumpiness when the keyboard toggles top: 0px;
}
.keyboard-visible body.ios-safari-composer-hacks &.open {
height: calc(var(--composer-vh, 1vh) * 100); height: calc(var(--composer-vh, 1vh) * 100);
.reply-area { .reply-area {
padding-bottom: 6px; padding-bottom: 6px;
} }
} }
// Firefox for Android hack
@supports (-moz-appearance: none) {
.keyboard-visible #reply-control.open {
position: sticky;
height: calc(100vh - var(--header-offset, 4em));
}
}
.reply-to { .reply-to {
justify-content: space-between; justify-content: space-between;
margin-bottom: 6px; margin-bottom: 6px;