UX: Full viewport composer layout on iPad

Partially reverts 94ab48c by using Safari hacks on iPad again.

This brings parity in the composer UI between iPhones and iPads

Hides grippie and fullscreen toggle button when the keyboard is visible on iPads
This commit is contained in:
Penar Musaraj 2019-10-02 12:36:11 -04:00
parent 7f114ef861
commit ceb29d3eea
2 changed files with 11 additions and 7 deletions

View File

@ -75,7 +75,7 @@ export function isWorkaroundActive() {
function positioningWorkaround($fixedElement) {
const caps = Discourse.__container__.lookup("capabilities:main");
if (!caps.isIOS || caps.isIpadOS || safariHacksDisabled()) {
if (!caps.isIOS || safariHacksDisabled()) {
return;
}

View File

@ -230,6 +230,16 @@ a.toggle-preview {
text-align: right;
}
html.keyboard-visible {
.grippie,
&:not(.fullscreen-composer) .toggle-fullscreen {
display: none;
}
#reply-control.open {
height: calc(var(--composer-vh, 1vh) * 100);
}
}
// fullscreen composer styles
.fullscreen-composer {
overflow: hidden;
@ -282,9 +292,3 @@ a.toggle-preview {
}
}
}
.fullscreen-composer.keyboard-visible {
#reply-control.fullscreen {
top: 0px;
}
}