lukajankovic/remote-touchpad
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Workaround for virtual keyboard covering buttons for Safari on iOS

Browse source
This commit is contained in:
Unrud 2024-01-31 09:33:11 +01:00
parent 6a812607fe
commit 88fd6e7314
1 changed files with 13 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

15
webdata/main.css
View file

@ -197,7 +197,18 @@ textarea:focus {
border-bottom: none; border-bottom: none;
} }
@media (max-aspect-ratio: 4/3) { /* Only Safari for iOS */
@supports (-webkit-touch-callout: none) {
/* Virtual keyboard can overlay content */
#text-input .buttons > button:last-child {
display: flex;
padding-top: 0.2em;
justify-content: center;
}
}
/* Portrait orientation (not for Safari on iOS) */
@supports not (-webkit-touch-callout: none) { @media (max-aspect-ratio: 4/3) {
#text-input { #text-input {
flex-direction: column; flex-direction: column;
} }
@ -214,4 +225,4 @@ textarea:focus {
#text-input .buttons > button:first-child { #text-input .buttons > button:first-child {
border-left: none; border-left: none;
} }
} } }