Fix: input[aria-invalid] text overlaps the icon #35

This commit is contained in:
Lucas Larroche 2021-10-23 23:32:09 +07:00
parent b40a9277f2
commit 6363f84087
7 changed files with 12 additions and 7 deletions

View file

@ -1101,7 +1101,7 @@ textarea[disabled] {
input[aria-invalid],
select[aria-invalid],
textarea[aria-invalid] {
padding-right: 2rem;
padding-right: 2rem !important;
background-position: center right 0.75rem;
background-repeat: no-repeat;
background-size: 1rem auto;

File diff suppressed because one or more lines are too long

View file

@ -1278,7 +1278,7 @@ textarea[disabled] {
input[aria-invalid],
select[aria-invalid],
textarea[aria-invalid] {
padding-right: 2rem;
padding-right: 2rem !important;
background-position: center right 0.75rem;
background-repeat: no-repeat;
background-size: 1rem auto;

View file

@ -1071,7 +1071,7 @@ textarea[disabled] {
input[aria-invalid],
select[aria-invalid],
textarea[aria-invalid] {
padding-right: 2rem;
padding-right: 2rem !important;
background-position: center right 0.75rem;
background-repeat: no-repeat;
background-size: 1rem auto;

File diff suppressed because one or more lines are too long

2
css/pico.min.css vendored

File diff suppressed because one or more lines are too long

View file

@ -223,7 +223,12 @@ select,
textarea {
&[aria-invalid] {
padding-right: 2rem;
@if $enable-important {
padding-right: 2rem !important;
}
@else {
padding-right: 2rem;
}
background-position: center right .75rem;
background-repeat: no-repeat;
background-size: 1rem auto;