fix: some icon colors and sizes

Hyperkid123 · Aug 14, 2023 · d4a4e34 · d4a4e34
1 parent e345cd2
commit d4a4e34
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/packages/components/src/ErrorState/error-state.scss b/packages/components/src/ErrorState/error-state.scss
@@ -1,5 +1,5 @@
 .ins-c-error-state.pf-v5-c-empty-state {
-  .pf-v5-c-empty-state__icon {
+  .pf-v5-c-empty-state__icon svg {
     fill: var(--pf-v5-global--danger-color--100);
   }
 }
diff --git a/packages/components/src/Maintenance/maintenance.scss b/packages/components/src/Maintenance/maintenance.scss
@@ -2,6 +2,6 @@
   .pf-v5-c-empty-state__body {
     color: var(--pf-v5-global--Color--100);
   }
-  .pf-v5-c-empty-state__icon { fill: #EE0000; } // This is Red Hat's red, not Patternfly's red.
+  .pf-v5-c-empty-state__icon svg { fill: #EE0000; } // This is Red Hat's red, not Patternfly's red.
   .pf-v5-c-title { font-weight: 500; }
 }
diff --git a/packages/components/src/Shield/Shield.tsx b/packages/components/src/Shield/Shield.tsx
@@ -11,7 +11,7 @@ export interface ShieldProps {
   size?: IconComponentProps['size'];
 }
 
-const Shield: React.FunctionComponent<ShieldProps> = ({ impact = 'N/A', hasLabel = false, size = 'sm', hasTooltip = true }) => {
+const Shield: React.FunctionComponent<ShieldProps> = ({ impact = 'N/A', hasLabel = false, size = 'md', hasTooltip = true }) => {
   const attributes = impactList?.[impact as keyof typeof impactList] ?? impactList.Unknown;
   const badgeProps: SVGIconProps = {
     'aria-hidden': 'false',

diff --git a/packages/components/src/TagCount/TagCount.tsx b/packages/components/src/TagCount/TagCount.tsx
@@ -14,7 +14,7 @@ export interface TagCountProps extends ButtonProps {
 const TagCount: React.FunctionComponent<TagCountProps> = ({ count, onTagClick = () => undefined, className, ...props }) => {
   return (
     <Button {...props} variant="plain" isDisabled={!count} className={classNames('ins-c-tag-count', className)} onClick={onTagClick}>
-      <Icon size="md">
+      <Icon size="lg">
         <TagIcon />
       </Icon>
       <span className="ins-c-tag__text">{count}</span>