fix(chip): add margin for badge when used in text element (#5844)

patternfly · Aug 15, 2023 · 225b4bf · 225b4bf
1 parent 47689a4
commit 225b4bf
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/patternfly/components/Chip/chip.scss b/src/patternfly/components/Chip/chip.scss
@@ -26,6 +26,7 @@
   // chip text
   --#{$chip}__text--Color: var(--#{$pf-global}--Color--100);
   --#{$chip}__text--MaxWidth: 16ch;
+  --#{$chip}__c-badge--MarginLeft: var(--#{$pf-global}--spacer--xs);
 
   // chip actions
   --#{$chip}__actions--FontSize: var(--#{$pf-global}--FontSize--xs);
@@ -92,6 +93,10 @@
   position: relative;
   max-width: var(--#{$chip}__text--MaxWidth);
   color: var(--#{$chip}__text--Color);
+
+  .#{$badge} {
+    margin-left: var(--#{$chip}__c-badge--MarginLeft); // remove in breaking change
+  }
 }
 
 .#{$chip}__icon + .#{$chip}__text,