Fix unusable arrow-buttons on number-inputs in recent Firefox versions.

This commit is contained in:
Martin Gross
2021-05-05 09:57:31 +02:00
parent 44245b4053
commit d900faf5c8
2 changed files with 2 additions and 2 deletions

View File

@@ -134,7 +134,7 @@ output {
display: block;
width: 100%;
height: $input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)
padding: $padding-base-vertical $padding-base-horizontal;
padding: $padding-base-vertical 0 $padding-base-vertical $padding-base-horizontal; // Setting the padding-right to zero, as some versions Firefox render the arrow-buttons on number inputs useless.
font-size: $font-size-base;
line-height: $line-height-base;
color: $input-color;

View File

@@ -69,7 +69,7 @@
border: 1px solid $input-border;
border-radius: $input-border-radius;
height: $input-height-base;
padding: $padding-base-vertical $padding-base-horizontal;
padding: $padding-base-vertical 0 $padding-base-vertical $padding-base-horizontal; // Setting the padding-right to zero, as some versions Firefox render the arrow-buttons on number inputs useless.
color: $input-color;
background-color: $input-bg;
@include box-shadow(inset 0 1px 1px rgba(0, 0, 0, .075));