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,13 +194,8 @@
}
}
}
h3 {
&, a, input {
font-size: 14px;
}
input {
width: 100% !important;
}
h3 input {
width: 100% !important;
}
}
.ComposerBody-editor {
@ -331,20 +326,22 @@
// ------------------------------------
// Text Editor
.TextEditor {
& textarea {
border-radius: 0;
padding: 0 0 10px;
border: 0;
resize: none;
color: @text-color;
font-size: 14px;
line-height: 1.7;
.TextEditor textarea {
border-radius: 0;
padding: 0 0 10px;
border: 0;
resize: none;
color: @text-color;
font-size: 14px;
line-height: 1.7;
&, &:focus, &[disabled] {
background: none;
border: 0;
}
&, &:focus, &[disabled] {
background: none;
border: 0;
}
@media @phone {
font-size: 16px; // minimum font-size required to prevent page zoom on focus in iOS 10
}
}
.TextEditor-controls {

View File

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

View File

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