fix #1180: number input with form-control-sm looks weird (#1360)

tabler · Nov 11, 2022 · 6a3affa · 6a3affa
1 parent cb2821a
commit 6a3affa
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 18 deletions.
diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
@@ -446,11 +446,11 @@ $input-btn-font-family: var(--#{$prefix}font-sans-serif) !default;
 $input-btn-padding-y: .5rem - .0625rem !default;
 
 $input-btn-font-size-sm: $h5-font-size !default;
-$input-btn-padding-x-sm: .5rem !default;
+$input-btn-padding-x-sm: .25rem !default;
 $input-btn-padding-y-sm: .125rem !default;
 
 $input-btn-font-size-lg: $h2-font-size !default;
-$input-btn-padding-x-lg: 1.5rem !default;
+$input-btn-padding-x-lg: .75rem !default;
 $input-btn-padding-y-lg: .5rem !default;
 
 $input-btn-focus-width: .25rem !default;

diff --git a/src/scss/ui/_forms.scss b/src/scss/ui/_forms.scss
@@ -80,22 +80,6 @@ Form control
   &[size] {
     width: auto;
   }
-
-  &[type="number"] {
-    &::-webkit-inner-spin-button {
-      opacity: 1;
-      cursor: pointer;
-      height: subtract($input-height, 1px);
-      margin: 0 (-$input-padding-x) 0 0;
-    }
-
-    &::-moz-inner-spin-button {
-      opacity: 1;
-      cursor: pointer;
-      height: subtract($input-height, 1px);
-      margin: 0 (-$input-padding-x) 0 0;
-    }
-  }
 }
 
 .form-control-light {