Skip to content

Commit

Permalink
style: update icon field style for autocomplete
Browse files Browse the repository at this point in the history
  • Loading branch information
@KumJungMin
KumJungMin committed Nov 23, 2024
1 parent aaa61aa commit 5114aa3
Show file tree
Hide file tree
Showing 56 changed files with 9,360 additions and 8,933 deletions.
12 changes: 10 additions & 2 deletions public/themes/arya-blue/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1354,12 +1354,18 @@
.p-icon-field-left > .p-inputtext {
padding-left: 2rem;
}
.p-icon-field-left > .p-autocomplete .p-inputtext {
padding-left: 2rem;
}
.p-icon-field-left.p-float-label > label {
left: 2rem;
}
.p-icon-field-right > .p-inputtext {
padding-right: 2rem;
}
.p-icon-field-right > .p-autocomplete .p-inputtext {
padding-right: 2rem;
}
::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.6);
}
Expand Down Expand Up @@ -1401,13 +1407,15 @@
.p-fluid .p-icon-field-right {
width: 100%;
}
.p-icon-field-left > .p-input-icon:first-of-type {
.p-icon-field-left > .p-input-icon {
left: 0.5rem;
color: rgba(255, 255, 255, 0.6);
z-index: 1;
}
.p-icon-field-right > .p-input-icon:last-of-type {
.p-icon-field-right > .p-input-icon {
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);
z-index: 1;
}
.p-inputotp {
display: flex;
Expand Down
12 changes: 10 additions & 2 deletions public/themes/arya-green/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1354,12 +1354,18 @@
.p-icon-field-left > .p-inputtext {
padding-left: 2rem;
}
.p-icon-field-left > .p-autocomplete .p-inputtext {
padding-left: 2rem;
}
.p-icon-field-left.p-float-label > label {
left: 2rem;
}
.p-icon-field-right > .p-inputtext {
padding-right: 2rem;
}
.p-icon-field-right > .p-autocomplete .p-inputtext {
padding-right: 2rem;
}
::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.6);
}
Expand Down Expand Up @@ -1401,13 +1407,15 @@
.p-fluid .p-icon-field-right {
width: 100%;
}
.p-icon-field-left > .p-input-icon:first-of-type {
.p-icon-field-left > .p-input-icon {
left: 0.5rem;
color: rgba(255, 255, 255, 0.6);
z-index: 1;
}
.p-icon-field-right > .p-input-icon:last-of-type {
.p-icon-field-right > .p-input-icon {
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);
z-index: 1;
}
.p-inputotp {
display: flex;
Expand Down
12 changes: 10 additions & 2 deletions public/themes/arya-orange/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1354,12 +1354,18 @@
.p-icon-field-left > .p-inputtext {
padding-left: 2rem;
}
.p-icon-field-left > .p-autocomplete .p-inputtext {
padding-left: 2rem;
}
.p-icon-field-left.p-float-label > label {
left: 2rem;
}
.p-icon-field-right > .p-inputtext {
padding-right: 2rem;
}
.p-icon-field-right > .p-autocomplete .p-inputtext {
padding-right: 2rem;
}
::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.6);
}
Expand Down Expand Up @@ -1401,13 +1407,15 @@
.p-fluid .p-icon-field-right {
width: 100%;
}
.p-icon-field-left > .p-input-icon:first-of-type {
.p-icon-field-left > .p-input-icon {
left: 0.5rem;
color: rgba(255, 255, 255, 0.6);
z-index: 1;
}
.p-icon-field-right > .p-input-icon:last-of-type {
.p-icon-field-right > .p-input-icon {
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);
z-index: 1;
}
.p-inputotp {
display: flex;
Expand Down
12 changes: 10 additions & 2 deletions public/themes/arya-purple/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1354,12 +1354,18 @@
.p-icon-field-left > .p-inputtext {
padding-left: 2rem;
}
.p-icon-field-left > .p-autocomplete .p-inputtext {
padding-left: 2rem;
}
.p-icon-field-left.p-float-label > label {
left: 2rem;
}
.p-icon-field-right > .p-inputtext {
padding-right: 2rem;
}
.p-icon-field-right > .p-autocomplete .p-inputtext {
padding-right: 2rem;
}
::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.6);
}
Expand Down Expand Up @@ -1401,13 +1407,15 @@
.p-fluid .p-icon-field-right {
width: 100%;
}
.p-icon-field-left > .p-input-icon:first-of-type {
.p-icon-field-left > .p-input-icon {
left: 0.5rem;
color: rgba(255, 255, 255, 0.6);
z-index: 1;
}
.p-icon-field-right > .p-input-icon:last-of-type {
.p-icon-field-right > .p-input-icon {
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);
z-index: 1;
}
.p-inputotp {
display: flex;
Expand Down
12 changes: 10 additions & 2 deletions public/themes/bootstrap4-dark-blue/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1357,12 +1357,18 @@
.p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
.p-icon-field-left > .p-autocomplete .p-inputtext {
padding-left: 2.5rem;
}
.p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
.p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
.p-icon-field-right > .p-autocomplete .p-inputtext {
padding-right: 2.5rem;
}
::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.6);
}
Expand Down Expand Up @@ -1404,13 +1410,15 @@
.p-fluid .p-icon-field-right {
width: 100%;
}
.p-icon-field-left > .p-input-icon:first-of-type {
.p-icon-field-left > .p-input-icon {
left: 0.75rem;
color: rgba(255, 255, 255, 0.6);
z-index: 1;
}
.p-icon-field-right > .p-input-icon:last-of-type {
.p-icon-field-right > .p-input-icon {
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);
z-index: 1;
}
.p-inputotp {
display: flex;
Expand Down
12 changes: 10 additions & 2 deletions public/themes/bootstrap4-dark-purple/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1357,12 +1357,18 @@
.p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
.p-icon-field-left > .p-autocomplete .p-inputtext {
padding-left: 2.5rem;
}
.p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
.p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
.p-icon-field-right > .p-autocomplete .p-inputtext {
padding-right: 2.5rem;
}
::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.6);
}
Expand Down Expand Up @@ -1404,13 +1410,15 @@
.p-fluid .p-icon-field-right {
width: 100%;
}
.p-icon-field-left > .p-input-icon:first-of-type {
.p-icon-field-left > .p-input-icon {
left: 0.75rem;
color: rgba(255, 255, 255, 0.6);
z-index: 1;
}
.p-icon-field-right > .p-input-icon:last-of-type {
.p-icon-field-right > .p-input-icon {
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);
z-index: 1;
}
.p-inputotp {
display: flex;
Expand Down
12 changes: 10 additions & 2 deletions public/themes/bootstrap4-light-blue/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1357,12 +1357,18 @@
.p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
.p-icon-field-left > .p-autocomplete .p-inputtext {
padding-left: 2.5rem;
}
.p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
.p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
.p-icon-field-right > .p-autocomplete .p-inputtext {
padding-right: 2.5rem;
}
::-webkit-input-placeholder {
color: #6c757d;
}
Expand Down Expand Up @@ -1404,13 +1410,15 @@
.p-fluid .p-icon-field-right {
width: 100%;
}
.p-icon-field-left > .p-input-icon:first-of-type {
.p-icon-field-left > .p-input-icon {
left: 0.75rem;
color: #495057;
z-index: 1;
}
.p-icon-field-right > .p-input-icon:last-of-type {
.p-icon-field-right > .p-input-icon {
right: 0.75rem;
color: #495057;
z-index: 1;
}
.p-inputotp {
display: flex;
Expand Down
12 changes: 10 additions & 2 deletions public/themes/bootstrap4-light-purple/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1357,12 +1357,18 @@
.p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
.p-icon-field-left > .p-autocomplete .p-inputtext {
padding-left: 2.5rem;
}
.p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
.p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
.p-icon-field-right > .p-autocomplete .p-inputtext {
padding-right: 2.5rem;
}
::-webkit-input-placeholder {
color: #6c757d;
}
Expand Down Expand Up @@ -1404,13 +1410,15 @@
.p-fluid .p-icon-field-right {
width: 100%;
}
.p-icon-field-left > .p-input-icon:first-of-type {
.p-icon-field-left > .p-input-icon {
left: 0.75rem;
color: #495057;
z-index: 1;
}
.p-icon-field-right > .p-input-icon:last-of-type {
.p-icon-field-right > .p-input-icon {
right: 0.75rem;
color: #495057;
z-index: 1;
}
.p-inputotp {
display: flex;
Expand Down
12 changes: 10 additions & 2 deletions public/themes/fluent-light/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1354,12 +1354,18 @@
.p-icon-field-left > .p-inputtext {
padding-left: 2rem;
}
.p-icon-field-left > .p-autocomplete .p-inputtext {
padding-left: 2rem;
}
.p-icon-field-left.p-float-label > label {
left: 2rem;
}
.p-icon-field-right > .p-inputtext {
padding-right: 2rem;
}
.p-icon-field-right > .p-autocomplete .p-inputtext {
padding-right: 2rem;
}
::-webkit-input-placeholder {
color: #605e5c;
}
Expand Down Expand Up @@ -1401,13 +1407,15 @@
.p-fluid .p-icon-field-right {
width: 100%;
}
.p-icon-field-left > .p-input-icon:first-of-type {
.p-icon-field-left > .p-input-icon {
left: 0.5rem;
color: #605e5c;
z-index: 1;
}
.p-icon-field-right > .p-input-icon:last-of-type {
.p-icon-field-right > .p-input-icon {
right: 0.5rem;
color: #605e5c;
z-index: 1;
}
.p-inputotp {
display: flex;
Expand Down
12 changes: 10 additions & 2 deletions public/themes/lara-dark-amber/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1373,12 +1373,18 @@
.p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
.p-icon-field-left > .p-autocomplete .p-inputtext {
padding-left: 2.5rem;
}
.p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
.p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
.p-icon-field-right > .p-autocomplete .p-inputtext {
padding-right: 2.5rem;
}
::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.6);
}
Expand Down Expand Up @@ -1420,13 +1426,15 @@
.p-fluid .p-icon-field-right {
width: 100%;
}
.p-icon-field-left > .p-input-icon:first-of-type {
.p-icon-field-left > .p-input-icon {
left: 0.75rem;
color: rgba(255, 255, 255, 0.6);
z-index: 1;
}
.p-icon-field-right > .p-input-icon:last-of-type {
.p-icon-field-right > .p-input-icon {
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);
z-index: 1;
}
.p-inputotp {
display: flex;
Expand Down
Loading

0 comments on commit 5114aa3

Please sign in to comment.