Prevent page zoom on input focus in iOS 10. fixes flarum/core#1023

This commit is contained in:
Toby Zerner 2016-09-03 23:12:59 +09:30
parent ed0691a071
commit 109782154c
3 changed files with 25 additions and 20 deletions

View File

@ -194,15 +194,10 @@
} }
} }
} }
h3 { h3 input {
&, a, input {
font-size: 14px;
}
input {
width: 100% !important; width: 100% !important;
} }
} }
}
.ComposerBody-editor { .ComposerBody-editor {
padding: 15px; padding: 15px;
} }
@ -331,8 +326,7 @@
// ------------------------------------ // ------------------------------------
// Text Editor // Text Editor
.TextEditor { .TextEditor textarea {
& textarea {
border-radius: 0; border-radius: 0;
padding: 0 0 10px; padding: 0 0 10px;
border: 0; border: 0;
@ -345,6 +339,9 @@
background: none; background: none;
border: 0; border: 0;
} }
@media @phone {
font-size: 16px; // minimum font-size required to prevent page zoom on focus in iOS 10
} }
} }
.TextEditor-controls { .TextEditor-controls {

View File

@ -18,6 +18,10 @@
height: 50px; height: 50px;
padding: 15px 20px; padding: 15px 20px;
font-size: 15px; font-size: 15px;
@media @phone {
font-size: 16px; // minimum font-size required to prevent page zoom on focus in iOS 10
}
} }
.Form-group { .Form-group {

View File

@ -38,6 +38,10 @@
textarea& { textarea& {
height: auto; height: auto;
} }
@media @phone {
font-size: 16px; // minimum font-size required to prevent page zoom on focus in iOS 10
}
} }
.helpText { .helpText {
font-size: 12px; font-size: 12px;