diff --git a/components/lib/autocomplete/AutoCompleteBase.js b/components/lib/autocomplete/AutoCompleteBase.js index 7382dd4641..f27ec9a1a8 100644 --- a/components/lib/autocomplete/AutoCompleteBase.js +++ b/components/lib/autocomplete/AutoCompleteBase.js @@ -214,7 +214,8 @@ export const AutoCompleteBase = ComponentBase.extend({ type: 'text', value: null, virtualScrollerOptions: null, - children: undefined + children: undefined, + iconPosition: null }, css: { classes, diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css index 3107296217..35e83b804a 100644 --- a/public/themes/arya-blue/theme.css +++ b/public/themes/arya-blue/theme.css @@ -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); } @@ -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; diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css index a3bd40cedc..a8e66cabf2 100644 --- a/public/themes/arya-green/theme.css +++ b/public/themes/arya-green/theme.css @@ -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); } @@ -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; diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css index e6ff93f6ba..1efceb1650 100644 --- a/public/themes/arya-orange/theme.css +++ b/public/themes/arya-orange/theme.css @@ -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); } @@ -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; diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css index 9d98cfd5f9..1dbfea6ea6 100644 --- a/public/themes/arya-purple/theme.css +++ b/public/themes/arya-purple/theme.css @@ -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); } @@ -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; diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css index 7d5e43bfdf..c5769308ab 100644 --- a/public/themes/bootstrap4-dark-blue/theme.css +++ b/public/themes/bootstrap4-dark-blue/theme.css @@ -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); } @@ -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; diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css index dd3ede7ea6..34b558bc72 100644 --- a/public/themes/bootstrap4-dark-purple/theme.css +++ b/public/themes/bootstrap4-dark-purple/theme.css @@ -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); } @@ -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; diff --git a/public/themes/bootstrap4-light-blue/theme.css b/public/themes/bootstrap4-light-blue/theme.css index cc44bdc175..b3a9d8aab0 100644 --- a/public/themes/bootstrap4-light-blue/theme.css +++ b/public/themes/bootstrap4-light-blue/theme.css @@ -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; } @@ -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; diff --git a/public/themes/bootstrap4-light-purple/theme.css b/public/themes/bootstrap4-light-purple/theme.css index d08b371cf8..1c67ff45d5 100644 --- a/public/themes/bootstrap4-light-purple/theme.css +++ b/public/themes/bootstrap4-light-purple/theme.css @@ -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; } @@ -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; diff --git a/public/themes/fluent-light/theme.css b/public/themes/fluent-light/theme.css index 27783c7518..46538e293f 100644 --- a/public/themes/fluent-light/theme.css +++ b/public/themes/fluent-light/theme.css @@ -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; } @@ -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; diff --git a/public/themes/lara-dark-amber/theme.css b/public/themes/lara-dark-amber/theme.css index dcb99bd70b..6327909225 100644 --- a/public/themes/lara-dark-amber/theme.css +++ b/public/themes/lara-dark-amber/theme.css @@ -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); } @@ -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; diff --git a/public/themes/lara-dark-blue/theme.css b/public/themes/lara-dark-blue/theme.css index 8514952c0d..bc8c71983c 100644 --- a/public/themes/lara-dark-blue/theme.css +++ b/public/themes/lara-dark-blue/theme.css @@ -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); } @@ -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; diff --git a/public/themes/lara-dark-cyan/theme.css b/public/themes/lara-dark-cyan/theme.css index 5a30fc34b8..7ac85900be 100644 --- a/public/themes/lara-dark-cyan/theme.css +++ b/public/themes/lara-dark-cyan/theme.css @@ -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); } @@ -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; diff --git a/public/themes/lara-dark-green/theme.css b/public/themes/lara-dark-green/theme.css index 404dce0055..30c9f82bee 100644 --- a/public/themes/lara-dark-green/theme.css +++ b/public/themes/lara-dark-green/theme.css @@ -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); } @@ -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; diff --git a/public/themes/lara-dark-indigo/theme.css b/public/themes/lara-dark-indigo/theme.css index a5ee607a70..5fc75e2c82 100644 --- a/public/themes/lara-dark-indigo/theme.css +++ b/public/themes/lara-dark-indigo/theme.css @@ -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); } @@ -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; diff --git a/public/themes/lara-dark-pink/theme.css b/public/themes/lara-dark-pink/theme.css index 7db0ffd072..b6489badd9 100644 --- a/public/themes/lara-dark-pink/theme.css +++ b/public/themes/lara-dark-pink/theme.css @@ -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); } @@ -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; diff --git a/public/themes/lara-dark-purple/theme.css b/public/themes/lara-dark-purple/theme.css index d69e069e20..2766732f34 100644 --- a/public/themes/lara-dark-purple/theme.css +++ b/public/themes/lara-dark-purple/theme.css @@ -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); } @@ -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; diff --git a/public/themes/lara-dark-teal/theme.css b/public/themes/lara-dark-teal/theme.css index 389687a9d9..8d89449e58 100644 --- a/public/themes/lara-dark-teal/theme.css +++ b/public/themes/lara-dark-teal/theme.css @@ -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); } @@ -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; diff --git a/public/themes/lara-light-amber/theme.css b/public/themes/lara-light-amber/theme.css index 00d38a849b..25f1eb7d09 100644 --- a/public/themes/lara-light-amber/theme.css +++ b/public/themes/lara-light-amber/theme.css @@ -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: #6b7280; } @@ -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: #6b7280; + z-index: 1; } - .p-icon-field-right > .p-input-icon:last-of-type { + .p-icon-field-right > .p-input-icon { right: 0.75rem; color: #6b7280; + z-index: 1; } .p-inputotp { display: flex; diff --git a/public/themes/lara-light-blue/theme.css b/public/themes/lara-light-blue/theme.css index adce26e333..2f5237b2bf 100644 --- a/public/themes/lara-light-blue/theme.css +++ b/public/themes/lara-light-blue/theme.css @@ -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: #6b7280; } @@ -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: #6b7280; + z-index: 1; } - .p-icon-field-right > .p-input-icon:last-of-type { + .p-icon-field-right > .p-input-icon { right: 0.75rem; color: #6b7280; + z-index: 1; } .p-inputotp { display: flex; diff --git a/public/themes/lara-light-cyan/theme.css b/public/themes/lara-light-cyan/theme.css index 40bb879fea..1981b01d6c 100644 --- a/public/themes/lara-light-cyan/theme.css +++ b/public/themes/lara-light-cyan/theme.css @@ -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: #6b7280; } @@ -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: #6b7280; + z-index: 1; } - .p-icon-field-right > .p-input-icon:last-of-type { + .p-icon-field-right > .p-input-icon { right: 0.75rem; color: #6b7280; + z-index: 1; } .p-inputotp { display: flex; diff --git a/public/themes/lara-light-green/theme.css b/public/themes/lara-light-green/theme.css index 22309d8e60..6d25869957 100644 --- a/public/themes/lara-light-green/theme.css +++ b/public/themes/lara-light-green/theme.css @@ -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: #6b7280; } @@ -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: #6b7280; + z-index: 1; } - .p-icon-field-right > .p-input-icon:last-of-type { + .p-icon-field-right > .p-input-icon { right: 0.75rem; color: #6b7280; + z-index: 1; } .p-inputotp { display: flex; diff --git a/public/themes/lara-light-indigo/theme.css b/public/themes/lara-light-indigo/theme.css index 75a58f4e3f..47a477e7d5 100644 --- a/public/themes/lara-light-indigo/theme.css +++ b/public/themes/lara-light-indigo/theme.css @@ -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: #6b7280; } @@ -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: #6b7280; + z-index: 1; } - .p-icon-field-right > .p-input-icon:last-of-type { + .p-icon-field-right > .p-input-icon { right: 0.75rem; color: #6b7280; + z-index: 1; } .p-inputotp { display: flex; diff --git a/public/themes/lara-light-pink/theme.css b/public/themes/lara-light-pink/theme.css index 53cbec859b..4910e49ced 100644 --- a/public/themes/lara-light-pink/theme.css +++ b/public/themes/lara-light-pink/theme.css @@ -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: #6b7280; } @@ -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: #6b7280; + z-index: 1; } - .p-icon-field-right > .p-input-icon:last-of-type { + .p-icon-field-right > .p-input-icon { right: 0.75rem; color: #6b7280; + z-index: 1; } .p-inputotp { display: flex; diff --git a/public/themes/lara-light-purple/theme.css b/public/themes/lara-light-purple/theme.css index 32b3f9bcb4..0b586e0967 100644 --- a/public/themes/lara-light-purple/theme.css +++ b/public/themes/lara-light-purple/theme.css @@ -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: #6b7280; } @@ -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: #6b7280; + z-index: 1; } - .p-icon-field-right > .p-input-icon:last-of-type { + .p-icon-field-right > .p-input-icon { right: 0.75rem; color: #6b7280; + z-index: 1; } .p-inputotp { display: flex; diff --git a/public/themes/lara-light-teal/theme.css b/public/themes/lara-light-teal/theme.css index 9b2224812a..d4bc27edc7 100644 --- a/public/themes/lara-light-teal/theme.css +++ b/public/themes/lara-light-teal/theme.css @@ -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: #6b7280; } @@ -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: #6b7280; + z-index: 1; } - .p-icon-field-right > .p-input-icon:last-of-type { + .p-icon-field-right > .p-input-icon { right: 0.75rem; color: #6b7280; + z-index: 1; } .p-inputotp { display: flex; diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css index a97c7ef795..0f9fa4f410 100644 --- a/public/themes/luna-amber/theme.css +++ b/public/themes/luna-amber/theme.css @@ -1357,12 +1357,18 @@ .p-icon-field-left > .p-inputtext { padding-left: 1.858rem; } + .p-icon-field-left > .p-autocomplete .p-inputtext { + padding-left: 1.858rem; + } .p-icon-field-left.p-float-label > label { left: 1.858rem; } .p-icon-field-right > .p-inputtext { padding-right: 1.858rem; } + .p-icon-field-right > .p-autocomplete .p-inputtext { + padding-right: 1.858rem; + } ::-webkit-input-placeholder { color: #9b9b9b; } @@ -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.429rem; color: #888888; + z-index: 1; } - .p-icon-field-right > .p-input-icon:last-of-type { + .p-icon-field-right > .p-input-icon { right: 0.429rem; color: #888888; + z-index: 1; } .p-inputotp { display: flex; diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css index f6ea9d887a..ba723a0680 100644 --- a/public/themes/luna-blue/theme.css +++ b/public/themes/luna-blue/theme.css @@ -1357,12 +1357,18 @@ .p-icon-field-left > .p-inputtext { padding-left: 1.858rem; } + .p-icon-field-left > .p-autocomplete .p-inputtext { + padding-left: 1.858rem; + } .p-icon-field-left.p-float-label > label { left: 1.858rem; } .p-icon-field-right > .p-inputtext { padding-right: 1.858rem; } + .p-icon-field-right > .p-autocomplete .p-inputtext { + padding-right: 1.858rem; + } ::-webkit-input-placeholder { color: #9b9b9b; } @@ -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.429rem; color: #888888; + z-index: 1; } - .p-icon-field-right > .p-input-icon:last-of-type { + .p-icon-field-right > .p-input-icon { right: 0.429rem; color: #888888; + z-index: 1; } .p-inputotp { display: flex; diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css index e160d9c852..4ff3955989 100644 --- a/public/themes/luna-green/theme.css +++ b/public/themes/luna-green/theme.css @@ -1357,12 +1357,18 @@ .p-icon-field-left > .p-inputtext { padding-left: 1.858rem; } + .p-icon-field-left > .p-autocomplete .p-inputtext { + padding-left: 1.858rem; + } .p-icon-field-left.p-float-label > label { left: 1.858rem; } .p-icon-field-right > .p-inputtext { padding-right: 1.858rem; } + .p-icon-field-right > .p-autocomplete .p-inputtext { + padding-right: 1.858rem; + } ::-webkit-input-placeholder { color: #9b9b9b; } @@ -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.429rem; color: #888888; + z-index: 1; } - .p-icon-field-right > .p-input-icon:last-of-type { + .p-icon-field-right > .p-input-icon { right: 0.429rem; color: #888888; + z-index: 1; } .p-inputotp { display: flex; diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css index a5446f9b34..36493ad56d 100644 --- a/public/themes/luna-pink/theme.css +++ b/public/themes/luna-pink/theme.css @@ -1357,12 +1357,18 @@ .p-icon-field-left > .p-inputtext { padding-left: 1.858rem; } + .p-icon-field-left > .p-autocomplete .p-inputtext { + padding-left: 1.858rem; + } .p-icon-field-left.p-float-label > label { left: 1.858rem; } .p-icon-field-right > .p-inputtext { padding-right: 1.858rem; } + .p-icon-field-right > .p-autocomplete .p-inputtext { + padding-right: 1.858rem; + } ::-webkit-input-placeholder { color: #9b9b9b; } @@ -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.429rem; color: #888888; + z-index: 1; } - .p-icon-field-right > .p-input-icon:last-of-type { + .p-icon-field-right > .p-input-icon { right: 0.429rem; color: #888888; + z-index: 1; } .p-inputotp { display: flex; diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css index 8364dc707a..44b4a92aa6 100644 --- a/public/themes/md-dark-deeppurple/theme.css +++ b/public/themes/md-dark-deeppurple/theme.css @@ -1375,12 +1375,18 @@ .p-icon-field-left > .p-inputtext { padding-left: 3rem; } + .p-icon-field-left > .p-autocomplete .p-inputtext { + padding-left: 3rem; + } .p-icon-field-left.p-float-label > label { left: 3rem; } .p-icon-field-right > .p-inputtext { padding-right: 3rem; } + .p-icon-field-right > .p-autocomplete .p-inputtext { + padding-right: 3rem; + } ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } @@ -1422,13 +1428,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: 1rem; 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: 1rem; color: rgba(255, 255, 255, 0.6); + z-index: 1; } .p-inputotp { display: flex; diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css index 8010cab0b4..5e8320a266 100644 --- a/public/themes/md-dark-indigo/theme.css +++ b/public/themes/md-dark-indigo/theme.css @@ -1375,12 +1375,18 @@ .p-icon-field-left > .p-inputtext { padding-left: 3rem; } + .p-icon-field-left > .p-autocomplete .p-inputtext { + padding-left: 3rem; + } .p-icon-field-left.p-float-label > label { left: 3rem; } .p-icon-field-right > .p-inputtext { padding-right: 3rem; } + .p-icon-field-right > .p-autocomplete .p-inputtext { + padding-right: 3rem; + } ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } @@ -1422,13 +1428,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: 1rem; 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: 1rem; color: rgba(255, 255, 255, 0.6); + z-index: 1; } .p-inputotp { display: flex; diff --git a/public/themes/md-light-deeppurple/theme.css b/public/themes/md-light-deeppurple/theme.css index 4e09a39c5a..f2a12457b2 100644 --- a/public/themes/md-light-deeppurple/theme.css +++ b/public/themes/md-light-deeppurple/theme.css @@ -1375,12 +1375,18 @@ .p-icon-field-left > .p-inputtext { padding-left: 3rem; } + .p-icon-field-left > .p-autocomplete .p-inputtext { + padding-left: 3rem; + } .p-icon-field-left.p-float-label > label { left: 3rem; } .p-icon-field-right > .p-inputtext { padding-right: 3rem; } + .p-icon-field-right > .p-autocomplete .p-inputtext { + padding-right: 3rem; + } ::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.6); } @@ -1422,13 +1428,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: 1rem; color: rgba(0, 0, 0, 0.6); + z-index: 1; } - .p-icon-field-right > .p-input-icon:last-of-type { + .p-icon-field-right > .p-input-icon { right: 1rem; color: rgba(0, 0, 0, 0.6); + z-index: 1; } .p-inputotp { display: flex; diff --git a/public/themes/md-light-indigo/theme.css b/public/themes/md-light-indigo/theme.css index 677494e4ff..19da9e338d 100644 --- a/public/themes/md-light-indigo/theme.css +++ b/public/themes/md-light-indigo/theme.css @@ -1375,12 +1375,18 @@ .p-icon-field-left > .p-inputtext { padding-left: 3rem; } + .p-icon-field-left > .p-autocomplete .p-inputtext { + padding-left: 3rem; + } .p-icon-field-left.p-float-label > label { left: 3rem; } .p-icon-field-right > .p-inputtext { padding-right: 3rem; } + .p-icon-field-right > .p-autocomplete .p-inputtext { + padding-right: 3rem; + } ::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.6); } @@ -1422,13 +1428,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: 1rem; color: rgba(0, 0, 0, 0.6); + z-index: 1; } - .p-icon-field-right > .p-input-icon:last-of-type { + .p-icon-field-right > .p-input-icon { right: 1rem; color: rgba(0, 0, 0, 0.6); + z-index: 1; } .p-inputotp { display: flex; diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css index bf9f6ede2d..8cf543944f 100644 --- a/public/themes/mdc-dark-deeppurple/theme.css +++ b/public/themes/mdc-dark-deeppurple/theme.css @@ -1375,12 +1375,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); } @@ -1422,13 +1428,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; diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css index cf979eb2fb..cec5027d4a 100644 --- a/public/themes/mdc-dark-indigo/theme.css +++ b/public/themes/mdc-dark-indigo/theme.css @@ -1375,12 +1375,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); } @@ -1422,13 +1428,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; diff --git a/public/themes/mdc-light-deeppurple/theme.css b/public/themes/mdc-light-deeppurple/theme.css index 5e31e1de4a..bb39d70e83 100644 --- a/public/themes/mdc-light-deeppurple/theme.css +++ b/public/themes/mdc-light-deeppurple/theme.css @@ -1375,12 +1375,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(0, 0, 0, 0.6); } @@ -1422,13 +1428,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(0, 0, 0, 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(0, 0, 0, 0.6); + z-index: 1; } .p-inputotp { display: flex; diff --git a/public/themes/mdc-light-indigo/theme.css b/public/themes/mdc-light-indigo/theme.css index f093bd8f4d..2d888bd4ec 100644 --- a/public/themes/mdc-light-indigo/theme.css +++ b/public/themes/mdc-light-indigo/theme.css @@ -1375,12 +1375,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(0, 0, 0, 0.6); } @@ -1422,13 +1428,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(0, 0, 0, 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(0, 0, 0, 0.6); + z-index: 1; } .p-inputotp { display: flex; diff --git a/public/themes/mira/theme.css b/public/themes/mira/theme.css index 00981693de..03c22ab8d2 100644 --- a/public/themes/mira/theme.css +++ b/public/themes/mira/theme.css @@ -1378,12 +1378,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: #4c566a; } @@ -1425,13 +1431,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: #81a1c1; + z-index: 1; } - .p-icon-field-right > .p-input-icon:last-of-type { + .p-icon-field-right > .p-input-icon { right: 0.5rem; color: #81a1c1; + z-index: 1; } .p-inputotp { display: flex; diff --git a/public/themes/nano/theme.css b/public/themes/nano/theme.css index 91e65e8cf3..e5c736e189 100644 --- a/public/themes/nano/theme.css +++ b/public/themes/nano/theme.css @@ -1354,12 +1354,18 @@ .p-icon-field-left > .p-inputtext { padding-left: 1.5rem; } + .p-icon-field-left > .p-autocomplete .p-inputtext { + padding-left: 1.5rem; + } .p-icon-field-left.p-float-label > label { left: 1.5rem; } .p-icon-field-right > .p-inputtext { padding-right: 1.5rem; } + .p-icon-field-right > .p-autocomplete .p-inputtext { + padding-right: 1.5rem; + } ::-webkit-input-placeholder { color: #697077; } @@ -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.25rem; color: #697077; + z-index: 1; } - .p-icon-field-right > .p-input-icon:last-of-type { + .p-icon-field-right > .p-input-icon { right: 0.25rem; color: #697077; + z-index: 1; } .p-inputotp { display: flex; diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css index ce03f57538..a02925d98b 100644 --- a/public/themes/nova-accent/theme.css +++ b/public/themes/nova-accent/theme.css @@ -1354,12 +1354,18 @@ .p-icon-field-left > .p-inputtext { padding-left: 1.858rem; } + .p-icon-field-left > .p-autocomplete .p-inputtext { + padding-left: 1.858rem; + } .p-icon-field-left.p-float-label > label { left: 1.858rem; } .p-icon-field-right > .p-inputtext { padding-right: 1.858rem; } + .p-icon-field-right > .p-autocomplete .p-inputtext { + padding-right: 1.858rem; + } ::-webkit-input-placeholder { color: #666666; } @@ -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.429rem; color: #848484; + z-index: 1; } - .p-icon-field-right > .p-input-icon:last-of-type { + .p-icon-field-right > .p-input-icon { right: 0.429rem; color: #848484; + z-index: 1; } .p-inputotp { display: flex; diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css index 0214309dca..ea5ff01ea1 100644 --- a/public/themes/nova-alt/theme.css +++ b/public/themes/nova-alt/theme.css @@ -1357,12 +1357,18 @@ .p-icon-field-left > .p-inputtext { padding-left: 1.858rem; } + .p-icon-field-left > .p-autocomplete .p-inputtext { + padding-left: 1.858rem; + } .p-icon-field-left.p-float-label > label { left: 1.858rem; } .p-icon-field-right > .p-inputtext { padding-right: 1.858rem; } + .p-icon-field-right > .p-autocomplete .p-inputtext { + padding-right: 1.858rem; + } ::-webkit-input-placeholder { color: #666666; } @@ -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.429rem; - color: #848484; + color: #a6a6a6; + z-index: 1; } - .p-icon-field-right > .p-input-icon:last-of-type { + .p-icon-field-right > .p-input-icon { right: 0.429rem; - color: #848484; + color: #a6a6a6; + z-index: 1; } .p-inputotp { display: flex; diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css index 164d2261d5..9f5b703217 100644 --- a/public/themes/nova/theme.css +++ b/public/themes/nova/theme.css @@ -1357,12 +1357,18 @@ .p-icon-field-left > .p-inputtext { padding-left: 1.858rem; } + .p-icon-field-left > .p-autocomplete .p-inputtext { + padding-left: 1.858rem; + } .p-icon-field-left.p-float-label > label { left: 1.858rem; } .p-icon-field-right > .p-inputtext { padding-right: 1.858rem; } + .p-icon-field-right > .p-autocomplete .p-inputtext { + padding-right: 1.858rem; + } ::-webkit-input-placeholder { color: #666666; } @@ -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.429rem; color: #848484; + z-index: 1; } - .p-icon-field-right > .p-input-icon:last-of-type { + .p-icon-field-right > .p-input-icon { right: 0.429rem; color: #848484; + z-index: 1; } .p-inputotp { display: flex; diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css index 47a051ca37..59a6e359eb 100644 --- a/public/themes/rhea/theme.css +++ b/public/themes/rhea/theme.css @@ -1354,12 +1354,18 @@ .p-icon-field-left > .p-inputtext { padding-left: 1.858rem; } + .p-icon-field-left > .p-autocomplete .p-inputtext { + padding-left: 1.858rem; + } .p-icon-field-left.p-float-label > label { left: 1.858rem; } .p-icon-field-right > .p-inputtext { padding-right: 1.858rem; } + .p-icon-field-right > .p-autocomplete .p-inputtext { + padding-right: 1.858rem; + } ::-webkit-input-placeholder { color: #a6a6a6; } @@ -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.429rem; color: #a6a6a6; + z-index: 1; } - .p-icon-field-right > .p-input-icon:last-of-type { + .p-icon-field-right > .p-input-icon { right: 0.429rem; color: #a6a6a6; + z-index: 1; } .p-inputotp { display: flex; diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css index bfe3ae5937..8e69d3c44d 100644 --- a/public/themes/saga-blue/theme.css +++ b/public/themes/saga-blue/theme.css @@ -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: #6c757d; } @@ -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: #6c757d; + z-index: 1; } - .p-icon-field-right > .p-input-icon:last-of-type { + .p-icon-field-right > .p-input-icon { right: 0.5rem; color: #6c757d; + z-index: 1; } .p-inputotp { display: flex; diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css index 50d1c48bd7..f5b498405f 100644 --- a/public/themes/saga-green/theme.css +++ b/public/themes/saga-green/theme.css @@ -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: #6c757d; } @@ -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: #6c757d; + z-index: 1; } - .p-icon-field-right > .p-input-icon:last-of-type { + .p-icon-field-right > .p-input-icon { right: 0.5rem; color: #6c757d; + z-index: 1; } .p-inputotp { display: flex; diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css index 3360bd5c95..bd6f670561 100644 --- a/public/themes/saga-orange/theme.css +++ b/public/themes/saga-orange/theme.css @@ -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: #6c757d; } @@ -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: #6c757d; + z-index: 1; } - .p-icon-field-right > .p-input-icon:last-of-type { + .p-icon-field-right > .p-input-icon { right: 0.5rem; color: #6c757d; + z-index: 1; } .p-inputotp { display: flex; diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css index b2528eef64..69211042ba 100644 --- a/public/themes/saga-purple/theme.css +++ b/public/themes/saga-purple/theme.css @@ -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: #6c757d; } @@ -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: #6c757d; + z-index: 1; } - .p-icon-field-right > .p-input-icon:last-of-type { + .p-icon-field-right > .p-input-icon { right: 0.5rem; color: #6c757d; + z-index: 1; } .p-inputotp { display: flex; diff --git a/public/themes/soho-dark/theme.css b/public/themes/soho-dark/theme.css index 98867e587b..d69e7c63e7 100644 --- a/public/themes/soho-dark/theme.css +++ b/public/themes/soho-dark/theme.css @@ -1375,12 +1375,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); } @@ -1422,13 +1428,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; diff --git a/public/themes/soho-light/theme.css b/public/themes/soho-light/theme.css index 1d3f894e73..25ddefd9ab 100644 --- a/public/themes/soho-light/theme.css +++ b/public/themes/soho-light/theme.css @@ -1375,12 +1375,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: #708da9; } @@ -1422,13 +1428,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: #708da9; + z-index: 1; } - .p-icon-field-right > .p-input-icon:last-of-type { + .p-icon-field-right > .p-input-icon { right: 0.75rem; color: #708da9; + z-index: 1; } .p-inputotp { display: flex; diff --git a/public/themes/tailwind-light/theme.css b/public/themes/tailwind-light/theme.css index 9636d9f353..a2e24a185d 100644 --- a/public/themes/tailwind-light/theme.css +++ b/public/themes/tailwind-light/theme.css @@ -1384,12 +1384,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: #71717a; } @@ -1431,13 +1437,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: #71717a; + z-index: 1; } - .p-icon-field-right > .p-input-icon:last-of-type { + .p-icon-field-right > .p-input-icon { right: 0.75rem; color: #71717a; + z-index: 1; } .p-inputotp { display: flex; diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css index d9331ca995..465db7ba7a 100644 --- a/public/themes/vela-blue/theme.css +++ b/public/themes/vela-blue/theme.css @@ -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); } @@ -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; diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css index 8691ff3426..b8ac92f9ca 100644 --- a/public/themes/vela-green/theme.css +++ b/public/themes/vela-green/theme.css @@ -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); } @@ -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; diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css index e71a354ee7..d1f2ad94cb 100644 --- a/public/themes/vela-orange/theme.css +++ b/public/themes/vela-orange/theme.css @@ -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); } @@ -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; diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css index 37b4c247ed..67add3818d 100644 --- a/public/themes/vela-purple/theme.css +++ b/public/themes/vela-purple/theme.css @@ -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); } @@ -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; diff --git a/public/themes/viva-dark/theme.css b/public/themes/viva-dark/theme.css index ca5a00feb6..7963f54b1f 100644 --- a/public/themes/viva-dark/theme.css +++ b/public/themes/viva-dark/theme.css @@ -1382,12 +1382,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); } @@ -1429,13 +1435,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; diff --git a/public/themes/viva-light/theme.css b/public/themes/viva-light/theme.css index 12e52646d7..dedfc8dde9 100644 --- a/public/themes/viva-light/theme.css +++ b/public/themes/viva-light/theme.css @@ -1382,12 +1382,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: #898989; } @@ -1429,13 +1435,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: #898989; + z-index: 1; } - .p-icon-field-right > .p-input-icon:last-of-type { + .p-icon-field-right > .p-input-icon { right: 0.75rem; color: #898989; + z-index: 1; } .p-inputotp { display: flex;