Bump textarea font size on mobile

Bump textarea font size on mobile

As of eae2254, zooming is enabled in mobile. Unfortunately, iOS zoomns in on textareas and inputs with font sizes below 16px. This bumps font size for textareas (i.e. composer) but not yet for inputs.

diff --git a/app/assets/stylesheets/mobile/discourse.scss b/app/assets/stylesheets/mobile/discourse.scss
index 4476862..bb863ce 100644
--- a/app/assets/stylesheets/mobile/discourse.scss
+++ b/app/assets/stylesheets/mobile/discourse.scss
@@ -13,6 +13,13 @@ textarea {
   background-color: $secondary;
 }
 
+textarea {
+  // this increases font size to above 16px
+  // which is the threshold on iOS to trigger zooming
+  // when focusing on a textarea
+  font-size: $font-up-1;
+}
+
 blockquote {
   /* 13px left is intentional here to properly align with post quotes */
   padding: 10px 8px 10px 13px;

GitHub sha: 723feea8

2 Likes