fix(leadspace): tags

ariellalgilmore · Oct 25, 2023 · d4c1e6f · d4c1e6f
1 parent a7e6777
commit d4c1e6f
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git a/packages/styles/scss/components/leadspace/_leadspace.scss b/packages/styles/scss/components/leadspace/_leadspace.scss
@@ -497,9 +497,11 @@ $btn-min-width: 26;
 
   :host(#{$c4d-prefix}-leadspace) ::slotted([slot='navigation']) {
     z-index: 1;
-    padding-left: $spacing-05;
-    padding-right: $spacing-05;
-    padding-bottom: $spacing-05;
+    /* stylelint-disable declaration-no-important */
+    // need the !important to prevent CSS reset styles from overwritting margin for tags
+    padding-left: $spacing-05 !important;
+    padding-right: $spacing-05 !important;;
+    padding-bottom: $spacing-05 !important;;
   }
 
   :host(#{$c4d-prefix}-breadcrumb-link[aria-current='page']) .#{$prefix}--link {

diff --git a/packages/web-components/src/components/leadspace/__stories__/leadspace.stories.react.tsx b/packages/web-components/src/components/leadspace/__stories__/leadspace.stories.react.tsx
@@ -41,7 +41,7 @@ import readme from './README.stories.react.mdx';
 import { LEADSPACE_SIZE } from '../defs';
 
 const navigationOptions = [
-  'with Tag group (using Tag link)',
+  'with a group of Tags',
   'with Breadcrumbs',
   'none',
 ];

diff --git a/packages/web-components/src/components/leadspace/__stories__/leadspace.stories.ts b/packages/web-components/src/components/leadspace/__stories__/leadspace.stories.ts
@@ -25,7 +25,7 @@ import leadspaceImg from '../../../../../storybook-images/assets/leadspace/leads
 import { LEADSPACE_SIZE } from '../defs';
 
 const navigationOptions = [
-  'with Tag group (using Tag link)',
+  'with a group of Tags',
   'with Breadcrumbs',
   'none',
 ];