Disable auto-zoom on form elements in iOS (#132)

8 years ago · 17d3ad4ecc
parent 1e82066d7e
commit 17d3ad4ecc
2 changed files with 8 additions and 4 deletions
--- a/skins/elastic/styles/widgets/forms.less
+++ b/skins/elastic/styles/widgets/forms.less
@ -324,7 +324,7 @@ input.smart-upload {

@media screen and (max-width: @screen-width-bs-phone) {
    .formcontent .text-only {
-        .form-group {
+        .form-group:not(tr) {
            margin-bottom: .25rem;

            .col-form-label {
@ -1180,7 +1180,10 @@ html.touch input.icon-checkbox + label {
    }
 }

-/* Remove outline on selects in Firefox */
+
+/*** General browser hacks ***/
+
+// Remove outline on selects in Firefox
@-moz-document url-prefix() {
    select:-moz-focusring {
       color: transparent !important;
@ -1188,7 +1191,8 @@ html.touch input.icon-checkbox + label {
    }
 }

-/* Bootstrap style overrides */
+
+/*** Bootstrap style overrides ***/

 .form-control, .form-control:focus {
    color: @color-font;
--- a/skins/elastic/templates/includes/layout.html
+++ b/skins/elastic/templates/includes/layout.html
@ -13,7 +13,7 @@
 <roundcube:endif />
 <head>
 	<title><roundcube:object name="pagetitle" /></title>
-	<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" id="viewport">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no, maximum-scale=1.0" id="viewport">
 	<link rel="shortcut icon" href="/images/favicon.ico">
 	<link rel="stylesheet" href="/bootstrap/bootstrap.min.css">
 	<roundcube:if condition="config:devel_mode" />