Refactor #11471

primefaces · May 6, 2022 · ca91dcc · ca91dcc
1 parent c626890
commit ca91dcc
Show file tree

Hide file tree

Showing 42 changed files with 502 additions and 712 deletions.
diff --git a/src/assets/components/themes/arya-blue/theme.css b/src/assets/components/themes/arya-blue/theme.css
@@ -328,12 +328,9 @@ p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon {
   right: 0.5rem;
 }
 
-p-autocomplete.p-autocomplete-clearable.p-autocomplete-dropdown .p-inputtext {
-  padding-right: 1.5rem;
-}
 p-autocomplete.p-autocomplete-clearable.p-autocomplete-dropdown .p-autocomplete-clear-icon {
   color: rgba(255, 255, 255, 0.6);
-  right: 2.25rem;
+  right: 2.857rem;
 }
 
 p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
@@ -556,12 +553,9 @@ p-calendar.p-calendar-clearable .p-calendar-clear-icon {
   right: 0.5rem;
 }
 
-p-calendar.p-calendar-clearable.p-calendar-show-icon .p-inputtext {
-  padding-right: 2rem;
-}
 p-calendar.p-calendar-clearable.p-calendar-show-icon .p-calendar-clear-icon {
   color: rgba(255, 255, 255, 0.6);
-  right: 2.25rem;
+  right: 2.857rem;
 }
 
 @media screen and (max-width: 769px) {
@@ -661,7 +655,7 @@ p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label {
 }
 p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon {
   color: rgba(255, 255, 255, 0.6);
-  right: 1.5rem;
+  right: 2.357rem;
 }
 
 .p-checkbox {
@@ -762,6 +756,10 @@ p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
 p-chips.p-chips-clearable .p-inputtext {
   padding-right: 1.5rem;
 }
+p-chips.p-chips-clearable .p-chips-clear-icon {
+  color: rgba(255, 255, 255, 0.6);
+  right: 0.5rem;
+}
 
 .p-colorpicker-preview,
 .p-fluid .p-colorpicker-preview.p-inputtext {
@@ -1097,14 +1095,11 @@ p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon {
   right: 0.5rem;
 }
 
-p-inputnumber.p-inputnumber-clearable .p-inputnumber-input {
-  padding-right: 2rem;
-}
 p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon {
-  right: 2.5rem;
+  right: 2.857rem;
 }
 p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon {
-  right: 2.5rem;
+  right: 2.857rem;
 }
 
 .p-inputswitch {
@@ -1472,7 +1467,7 @@ p-multiselect.p-multiselect-clearable .p-multiselect-label-container {
 }
 p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon {
   color: rgba(255, 255, 255, 0.6);
-  right: 2rem;
+  right: 2.357rem;
 }
 
 p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext {
@@ -1510,11 +1505,11 @@ p-password.p-password-clearable .p-password-clear-icon {
 }
 
 p-password.p-password-clearable.p-password-mask .p-password-input {
-  padding-right: 3rem;
+  padding-right: 3.5rem;
 }
 p-password.p-password-clearable.p-password-mask .p-password-clear-icon {
   color: rgba(255, 255, 255, 0.6);
-  right: 1.5rem;
+  right: 2rem;
 }
 
 .p-radiobutton {
@@ -1859,7 +1854,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-label-container {
 }
 p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   color: rgba(255, 255, 255, 0.6);
-  right: 2rem;
+  right: 2.357rem;
 }
 
 .p-button {

diff --git a/src/assets/components/themes/arya-green/theme.css b/src/assets/components/themes/arya-green/theme.css
@@ -328,12 +328,9 @@ p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon {
   right: 0.5rem;
 }
 
-p-autocomplete.p-autocomplete-clearable.p-autocomplete-dropdown .p-inputtext {
-  padding-right: 1.5rem;
-}
 p-autocomplete.p-autocomplete-clearable.p-autocomplete-dropdown .p-autocomplete-clear-icon {
   color: rgba(255, 255, 255, 0.6);
-  right: 2.25rem;
+  right: 2.857rem;
 }
 
 p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
@@ -556,12 +553,9 @@ p-calendar.p-calendar-clearable .p-calendar-clear-icon {
   right: 0.5rem;
 }
 
-p-calendar.p-calendar-clearable.p-calendar-show-icon .p-inputtext {
-  padding-right: 2rem;
-}
 p-calendar.p-calendar-clearable.p-calendar-show-icon .p-calendar-clear-icon {
   color: rgba(255, 255, 255, 0.6);
-  right: 2.25rem;
+  right: 2.857rem;
 }
 
 @media screen and (max-width: 769px) {
@@ -661,7 +655,7 @@ p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label {
 }
 p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon {
   color: rgba(255, 255, 255, 0.6);
-  right: 1.5rem;
+  right: 2.357rem;
 }
 
 .p-checkbox {
@@ -762,6 +756,10 @@ p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
 p-chips.p-chips-clearable .p-inputtext {
   padding-right: 1.5rem;
 }
+p-chips.p-chips-clearable .p-chips-clear-icon {
+  color: rgba(255, 255, 255, 0.6);
+  right: 0.5rem;
+}
 
 .p-colorpicker-preview,
 .p-fluid .p-colorpicker-preview.p-inputtext {
@@ -1097,14 +1095,11 @@ p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon {
   right: 0.5rem;
 }
 
-p-inputnumber.p-inputnumber-clearable .p-inputnumber-input {
-  padding-right: 2rem;
-}
 p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon {
-  right: 2.5rem;
+  right: 2.857rem;
 }
 p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon {
-  right: 2.5rem;
+  right: 2.857rem;
 }
 
 .p-inputswitch {
@@ -1472,7 +1467,7 @@ p-multiselect.p-multiselect-clearable .p-multiselect-label-container {
 }
 p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon {
   color: rgba(255, 255, 255, 0.6);
-  right: 2rem;
+  right: 2.357rem;
 }
 
 p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext {
@@ -1510,11 +1505,11 @@ p-password.p-password-clearable .p-password-clear-icon {
 }
 
 p-password.p-password-clearable.p-password-mask .p-password-input {
-  padding-right: 3rem;
+  padding-right: 3.5rem;
 }
 p-password.p-password-clearable.p-password-mask .p-password-clear-icon {
   color: rgba(255, 255, 255, 0.6);
-  right: 1.5rem;
+  right: 2rem;
 }
 
 .p-radiobutton {
@@ -1859,7 +1854,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-label-container {
 }
 p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   color: rgba(255, 255, 255, 0.6);
-  right: 2rem;
+  right: 2.357rem;
 }
 
 .p-button {

diff --git a/src/assets/components/themes/arya-orange/theme.css b/src/assets/components/themes/arya-orange/theme.css
@@ -328,12 +328,9 @@ p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon {
   right: 0.5rem;
 }
 
-p-autocomplete.p-autocomplete-clearable.p-autocomplete-dropdown .p-inputtext {
-  padding-right: 1.5rem;
-}
 p-autocomplete.p-autocomplete-clearable.p-autocomplete-dropdown .p-autocomplete-clear-icon {
   color: rgba(255, 255, 255, 0.6);
-  right: 2.25rem;
+  right: 2.857rem;
 }
 
 p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
@@ -556,12 +553,9 @@ p-calendar.p-calendar-clearable .p-calendar-clear-icon {
   right: 0.5rem;
 }
 
-p-calendar.p-calendar-clearable.p-calendar-show-icon .p-inputtext {
-  padding-right: 2rem;
-}
 p-calendar.p-calendar-clearable.p-calendar-show-icon .p-calendar-clear-icon {
   color: rgba(255, 255, 255, 0.6);
-  right: 2.25rem;
+  right: 2.857rem;
 }
 
 @media screen and (max-width: 769px) {
@@ -661,7 +655,7 @@ p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label {
 }
 p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon {
   color: rgba(255, 255, 255, 0.6);
-  right: 1.5rem;
+  right: 2.357rem;
 }
 
 .p-checkbox {
@@ -762,6 +756,10 @@ p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
 p-chips.p-chips-clearable .p-inputtext {
   padding-right: 1.5rem;
 }
+p-chips.p-chips-clearable .p-chips-clear-icon {
+  color: rgba(255, 255, 255, 0.6);
+  right: 0.5rem;
+}
 
 .p-colorpicker-preview,
 .p-fluid .p-colorpicker-preview.p-inputtext {
@@ -1097,14 +1095,11 @@ p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon {
   right: 0.5rem;
 }
 
-p-inputnumber.p-inputnumber-clearable .p-inputnumber-input {
-  padding-right: 2rem;
-}
 p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon {
-  right: 2.5rem;
+  right: 2.857rem;
 }
 p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon {
-  right: 2.5rem;
+  right: 2.857rem;
 }
 
 .p-inputswitch {
@@ -1472,7 +1467,7 @@ p-multiselect.p-multiselect-clearable .p-multiselect-label-container {
 }
 p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon {
   color: rgba(255, 255, 255, 0.6);
-  right: 2rem;
+  right: 2.357rem;
 }
 
 p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext {
@@ -1510,11 +1505,11 @@ p-password.p-password-clearable .p-password-clear-icon {
 }
 
 p-password.p-password-clearable.p-password-mask .p-password-input {
-  padding-right: 3rem;
+  padding-right: 3.5rem;
 }
 p-password.p-password-clearable.p-password-mask .p-password-clear-icon {
   color: rgba(255, 255, 255, 0.6);
-  right: 1.5rem;
+  right: 2rem;
 }
 
 .p-radiobutton {
@@ -1859,7 +1854,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-label-container {
 }
 p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   color: rgba(255, 255, 255, 0.6);
-  right: 2rem;
+  right: 2.357rem;
 }
 
 .p-button {

diff --git a/src/assets/components/themes/arya-purple/theme.css b/src/assets/components/themes/arya-purple/theme.css
@@ -328,12 +328,9 @@ p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon {
   right: 0.5rem;
 }
 
-p-autocomplete.p-autocomplete-clearable.p-autocomplete-dropdown .p-inputtext {
-  padding-right: 1.5rem;
-}
 p-autocomplete.p-autocomplete-clearable.p-autocomplete-dropdown .p-autocomplete-clear-icon {
   color: rgba(255, 255, 255, 0.6);
-  right: 2.25rem;
+  right: 2.857rem;
 }
 
 p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
@@ -556,12 +553,9 @@ p-calendar.p-calendar-clearable .p-calendar-clear-icon {
   right: 0.5rem;
 }
 
-p-calendar.p-calendar-clearable.p-calendar-show-icon .p-inputtext {
-  padding-right: 2rem;
-}
 p-calendar.p-calendar-clearable.p-calendar-show-icon .p-calendar-clear-icon {
   color: rgba(255, 255, 255, 0.6);
-  right: 2.25rem;
+  right: 2.857rem;
 }
 
 @media screen and (max-width: 769px) {
@@ -661,7 +655,7 @@ p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label {
 }
 p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon {
   color: rgba(255, 255, 255, 0.6);
-  right: 1.5rem;
+  right: 2.357rem;
 }
 
 .p-checkbox {
@@ -762,6 +756,10 @@ p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
 p-chips.p-chips-clearable .p-inputtext {
   padding-right: 1.5rem;
 }
+p-chips.p-chips-clearable .p-chips-clear-icon {
+  color: rgba(255, 255, 255, 0.6);
+  right: 0.5rem;
+}
 
 .p-colorpicker-preview,
 .p-fluid .p-colorpicker-preview.p-inputtext {
@@ -1097,14 +1095,11 @@ p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon {
   right: 0.5rem;
 }
 
-p-inputnumber.p-inputnumber-clearable .p-inputnumber-input {
-  padding-right: 2rem;
-}
 p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon {
-  right: 2.5rem;
+  right: 2.857rem;
 }
 p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon {
-  right: 2.5rem;
+  right: 2.857rem;
 }
 
 .p-inputswitch {
@@ -1472,7 +1467,7 @@ p-multiselect.p-multiselect-clearable .p-multiselect-label-container {
 }
 p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon {
   color: rgba(255, 255, 255, 0.6);
-  right: 2rem;
+  right: 2.357rem;
 }
 
 p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext {
@@ -1510,11 +1505,11 @@ p-password.p-password-clearable .p-password-clear-icon {
 }
 
 p-password.p-password-clearable.p-password-mask .p-password-input {
-  padding-right: 3rem;
+  padding-right: 3.5rem;
 }
 p-password.p-password-clearable.p-password-mask .p-password-clear-icon {
   color: rgba(255, 255, 255, 0.6);
-  right: 1.5rem;
+  right: 2rem;
 }
 
 .p-radiobutton {
@@ -1859,7 +1854,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-label-container {
 }
 p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   color: rgba(255, 255, 255, 0.6);
-  right: 2rem;
+  right: 2.357rem;
 }
 
 .p-button {