PR25: add chips left and right icons css

primefaces · Jul 2, 2023 · a689a5d · a689a5d
1 parent 59716f2
commit a689a5d
Showing 1 changed file with 21 additions and 0 deletions.
diff --git a/theme-base/components/input/_chips.scss b/theme-base/components/input/_chips.scss
@@ -37,6 +37,27 @@
         }
     }
 
+    .p-chips-icon-left > i:first-of-type, 
+    .p-chips-icon-left > svg:first-of-type {
+        left: nth($inputPadding, 2);
+        color: $inputIconColor;
+    }
+
+    .p-chips-icon-right > i:first-of-type, 
+    .p-chips-icon-right > svg:first-of-type {
+        right: nth($inputPadding, 2);
+        color: $inputIconColor;
+    }
+
+    .p-chips-icon-left > .p-chips > .p-inputtext,
+    .p-chips-icon-left > label {
+        padding-left: nth($inputPadding, 2) * 2 + $primeIconFontSize;
+    }
+
+    .p-chips-icon-right > .p-chips > .p-inputtext{
+        padding-right: nth($inputPadding, 2) * 2 + $primeIconFontSize;
+    }
+
     &.p-invalid.p-component > .p-inputtext {
         @include invalid-input();
     }