Quellcode durchsuchen

Add responsive font size for form controls on mobile devices (#2248)

Paweł Kuna vor 5 Monaten
Ursprung
Commit
6d6d1bde4c
2 geänderte Dateien mit 15 neuen und 0 gelöschten Zeilen
  1. 5 0
      .changeset/wise-experts-march.md
  2. 10 0
      core/scss/ui/_forms.scss

+ 5 - 0
.changeset/wise-experts-march.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Add responsive font size for form controls on mobile devices

+ 10 - 0
core/scss/ui/_forms.scss

@@ -238,4 +238,14 @@ label[for="floating-input"] {
   overflow: hidden;
   overflow: hidden;
   text-overflow: ellipsis;
   text-overflow: ellipsis;
   white-space: nowrap;
   white-space: nowrap;
+}
+
+/**
+Forms on mobile devices 
+  */
+.form-control,
+.form-select {
+  @include media-breakpoint-down(sm) {
+    font-size: 1rem;
+  }
 }
 }