mirror of
https://github.com/discourse/discourse.git
synced 2024-11-29 17:35:12 +08:00
UX: Fix Android Firefox Mobile reply position (#29751)
This commit is contained in:
parent
fd5ef6896d
commit
f62ed063fb
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue
Block a user