🚸 Prevent auto-zoom on mobile (#2511)

Traewelling · Apr 20, 2024 · 55351c1 · 55351c1
1 parent 7babb35
commit 55351c1
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 10 deletions.
diff --git a/resources/sass/app.scss b/resources/sass/app.scss
@@ -100,3 +100,7 @@ body {
         font-size: map-get($font-sizes, 2);
     }
 }
+
+.mobile-input-fs-16 {
+    font-size: 16px;
+}
diff --git a/resources/vue/components/CheckinInterface.vue b/resources/vue/components/CheckinInterface.vue
@@ -127,7 +127,7 @@ export default {
             <textarea
                 name="body"
                 id="message-text"
-                class="form-control"
+                class="form-control mobile-input-fs-16"
                 v-model="statusText"
                 :maxlength="allowedChars"
                 style="min-height: 130px;">
@@ -141,7 +141,7 @@ export default {
         <div class="mt-2">
             <div class="col-auto btn-group me-1" :class="{'d-none' : profileStore.getMastodon == null}" >
                 <input type="checkbox" class="btn-check" autocomplete="off" v-model="toot" autocompleted="" id="toot_check" :disabled="visibility === 3">
-                <label class="btn btn-sm btn-outline-mastodon" for="toot_check" style="">
+                <label class="btn btn-sm btn-outline-mastodon" for="toot_check">
                     <i class="fab fa-mastodon"></i>
                     <span class="visually-hidden-focusable">{{ trans("stationboard.check-toot") }}</span>
                 </label>
@@ -171,10 +171,10 @@ export default {
             <div class="col btn-group me-1">
                 <button class="btn btn-sm btn-outline-primary dropdown-toggle" type="button"
                         id="visibilityDropdownButton" data-mdb-dropdown-animation="off"
-                        data-mdb-toggle="dropdown" aria-expanded="false" style="">
+                        data-mdb-toggle="dropdown" aria-expanded="false">
                     <i :class="visibilityIcon" aria-hidden="true"></i>
                 </button>
-                <ul class="dropdown-menu" aria-labelledby="visibilityDropdownButton" style="">
+                <ul class="dropdown-menu" aria-labelledby="visibilityDropdownButton">
                     <li class="dropdown-item" @click="visibility = 0">
                         <i class="fa fa-globe-americas" aria-hidden="true"></i> {{ trans("status.visibility.0") }}
                         <br>
@@ -211,7 +211,3 @@ export default {
             </button>
         </div>
 </template>
-
-<style scoped lang="scss">
-
-</style>
diff --git a/resources/vue/components/StationAutocomplete.vue b/resources/vue/components/StationAutocomplete.vue
@@ -150,7 +150,7 @@ export default {
 <template>
     <FullScreenModal ref="modal">
         <template #header>
-            <input type="text" name="station" class="form-control"
+            <input type="text" name="station" class="form-control mobile-input-fs-16"
                    :placeholder="placeholder"
                    v-model="stationInput"
                    @keyup.enter="setStationFromText"
@@ -185,7 +185,7 @@ export default {
         <div class="card-body">
             <div id="station-autocomplete-container" style="z-index: 3;">
                 <div class="input-group mb-2 mr-sm-2">
-                    <input type="text" name="station" class="form-control"
+                    <input type="text" name="station" class="form-control mobile-input-fs-16"
                            :placeholder="placeholder"
                            v-model="stationInput"
                            @focusin="showModal"