github-mirror/framework
2
0
Fork 0
mirror of https://github.com/flarum/framework.git synced 2024-12-02 23:23:52 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
framework/core/less/forum/Composer.less
View File

@ -194,13 +194,8 @@
} }
} }
} }
h3 { h3 input {
&, a, input { width: 100% !important;
font-size: 14px;
}
input {
width: 100% !important;
}
} }
} }
.ComposerBody-editor { .ComposerBody-editor {
@ -331,20 +326,22 @@
// ------------------------------------ // ------------------------------------
// 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; resize: none;
resize: none; color: @text-color;
color: @text-color; font-size: 14px;
font-size: 14px; line-height: 1.7;
line-height: 1.7;
&, &:focus, &[disabled] { &, &:focus, &[disabled] {
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 {

4
framework/core/less/lib/Form.less
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 {

4
framework/core/less/lib/FormControl.less
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;