🔖 [Release] Fix the input label on Firefox #469

[Release] Fix the input label on Firefox
homeday-de · Jun 23, 2020 · 591dead · 591dead
2 parents 4465607 + dfd299b
commit 591dead
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 3 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "homeday-blocks",
-  "version": "11.1.1",
+  "version": "11.1.2",
   "description": "A Vue component library built by Homeday's frontend team.",
   "main": "main.js",
   "repository": {

diff --git a/src/styles/inputs.scss b/src/styles/inputs.scss
@@ -126,12 +126,22 @@ $focusedLabelTop: 5px;
     z-index: 9;
     pointer-events: none;
 
-    #{$f}--filled &, #{$f}--active &, #{$f}--select &, #{$f}--double &, #{$f}__input:-webkit-autofill + & {
+    @mixin minimized {
       font-size: 14px;
       line-height: 18px;
       top: $focusedLabelTop;
     }
 
+    #{$f}--filled &, #{$f}--active &, #{$f}--select &, #{$f}--double & {
+      @include minimized;
+    }
+
+    // We are seperating this declaration from the block above
+    // because non-webkit engines will ignore the whole block, e.g. Gecko
+    #{$f}__input:-webkit-autofill + & {
+      @include minimized;
+    }
+
     #{$f}--active & {
       color: getShade($secondary-color, 110);
     }