UX: reduce height of textarea for flags of type "Something Else" on small mobile devices

2017-09-14 15:18:55 -04:00 · 2017-09-14 15:18:55 -04:00 · 0bcde4b4f4
parent e6385e4527
commit 0bcde4b4f4
1 changed files with 6 additions and 0 deletions
--- a/app/assets/stylesheets/mobile/modal.scss
+++ b/app/assets/stylesheets/mobile/modal.scss
@ -97,6 +97,12 @@
  max-height: 450px;
 }

+@media only screen and (max-device-width: 568px) {
+  .modal .flag-modal .flag-message {
+    height: 1.2em;
+  }
+}
+
 .custom-message-length {
  margin: -4px 0 10px 20px;
  color: dark-light-choose(scale-color($primary, $lightness: 30%), scale-color($secondary, $lightness: 70%));