Add cut-link class for link overrides (#53)

hashicorp · Aug 29, 2023 · 9c6df91 · 9c6df91 · vercel · Aug 29, 2023
1 parent 70c0cde
commit 9c6df91
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/.changeset/popular-cars-pump.md b/.changeset/popular-cars-pump.md
@@ -0,0 +1,5 @@
+---
+'@hashicorp/consul-ui-toolkit': patch
+---
+
+Add cut-link class for link overrides
diff --git a/toolkit/src/components/cut/list-item/index.hbs b/toolkit/src/components/cut/list-item/index.hbs
@@ -7,8 +7,10 @@
   ...attributes
 >
   {{#if (or @route @href @onClick)}}
+    {{! cut-link is a class that is used in the structure override classes to avoid applying 
+      extra styles to the link from structure. (https://github.com/hashicorp/structure/blob/d00c8bf39c22b5490a4c6fa8bae951b934432dfb/packages/pds-ember/app/styles/pds/_overrides.scss) }}
     <Hds::Interactive
-      class='cut-list-item__content-container active'
+      class='cut-link cut-list-item__content-container active'
       @href={{this.href}}
       @isRouteExternal={{@isRouteExternal}}
       @route={{this.route}}