fix(button): fixes icon only text for screen readers

Previously the button text was set to visibility:hidden; this was preventing it being read out on screen readers, updated to use the lg-visually-hidden mixin which is more screen reader friendly.
Legal-and-General · Nov 27, 2020 · 8c24443 · 8c24443
1 parent 3248dd2
commit 8c24443
Showing 1 changed file with 1 addition and 4 deletions.
diff --git a/projects/canopy/src/lib/button/button.component.scss b/projects/canopy/src/lib/button/button.component.scss
@@ -91,10 +91,7 @@
     padding: var(--btn-icon-only-padding);
 
     .lg-btn__text {
-      // retain height but not width
-      visibility: hidden;
-      white-space: nowrap;
-      width: 0;
+      @include lg-visually-hidden;
     }
 
     .lg-icon {