fix: visually hide NavToggle icon text; fix for visual regression aft…

…er merging down #1227
pattern-lab · Jun 28, 2020 · 3a2ad9f · 3a2ad9f
1 parent e37df7d
commit 3a2ad9f
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/uikit-workshop/src/scripts/components/pl-nav/src/NavList.js b/packages/uikit-workshop/src/scripts/components/pl-nav/src/NavList.js
@@ -36,7 +36,7 @@ export const NavList = props => {
                 aria-controls={category}
                 onClick={elem.toggleSpecialNavPanel}
               >
-                {category}
+                Expand / Collapse {category} Panel
               </NavToggle>
             )}
           </div>

diff --git a/packages/uikit-workshop/src/scripts/components/pl-nav/src/NavToggle.js b/packages/uikit-workshop/src/scripts/components/pl-nav/src/NavToggle.js
@@ -7,7 +7,7 @@ export const NavToggle = props => {
       role="tab"
       {...props}
     >
-      {props.children}
+      <span class="is-vishidden">{props.children}</span>
       <span
         class="pl-c-nav__link-icon"
         dangerouslySetInnerHTML={{