diff --git a/framework/core/less/forum/Composer.less b/framework/core/less/forum/Composer.less index 2487c7dce..e7d94d25f 100644 --- a/framework/core/less/forum/Composer.less +++ b/framework/core/less/forum/Composer.less @@ -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 { diff --git a/framework/core/less/lib/Form.less b/framework/core/less/lib/Form.less index f1d707fe1..8f3b1de85 100755 --- a/framework/core/less/lib/Form.less +++ b/framework/core/less/lib/Form.less @@ -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 { diff --git a/framework/core/less/lib/FormControl.less b/framework/core/less/lib/FormControl.less index 73c562c2e..eb7312027 100755 --- a/framework/core/less/lib/FormControl.less +++ b/framework/core/less/lib/FormControl.less @@ -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;