Skip to content

Commit

Permalink
update padding for select component
Browse files Browse the repository at this point in the history
  • Loading branch information
precious-onyenaucheya-ons committed Sep 20, 2024
1 parent 60811d4 commit d2816a8
Showing 1 changed file with 3 additions and 3 deletions.
6 changes: 3 additions & 3 deletions src/components/input/_input.scss
Original file line number Diff line number Diff line change
Expand Up @@ -70,10 +70,10 @@
}

// Text input widths
@include input-width('ons-input--w-{x}');
@include input-width($class-name: 'ons-input--w-{x}');

// Number input widths
@include input-width('ons-input-number--w-{x}', 0.54rem);
@include input-width($class-name: 'ons-input-number--w-{x}', $char-width: 0.54rem);

.ons-input--postcode {
max-width: input-width-calc($chars: 5, $num-chars: 2, $spaces: 1);
Expand All @@ -92,7 +92,7 @@
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.75 7.7'%3E%3Cpath fill='currentColor' d='m1.37.15 4.5 5.1 4.5-5.1a.37.37 0 0 1 .6 0l.7.7a.45.45 0 0 1 0 .5l-5.5 6.2a.37.37 0 0 1-.6 0l-5.5-6.1a.64.64 0 0 1 0-.6l.7-.7a.64.64 0 0 1 .6 0Z'/%3E%3C/svg%3E")
no-repeat center right 10px;
background-size: 1rem;
padding: 0.39rem 2rem 0.39rem $input-padding-horizontal;
padding: 0.25rem 2rem 0.25rem $input-padding-horizontal;

&::-ms-expand {
display: none;
Expand Down

0 comments on commit d2816a8

Please sign in to comment.