fix: GitHub icon invisible on smaller screens (#808)

dequelabs · Oct 19, 2022 · 6078288 · 6078288
1 parent 2930b9c
commit 6078288
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/docs/index.css b/docs/index.css
@@ -26,6 +26,12 @@ code {
   width: 38px;
 }
 
+@media (max-width: 348px) {
+  .MenuItem__logo span {
+    display: none;
+  }
+}
+
 [role='menubar'] .OptionsMenu__list {
   width: 140px;
   top: calc(var(--top-bar-height) - 6px);

diff --git a/docs/index.js b/docs/index.js
@@ -190,8 +190,8 @@ const App = () => {
             </TopBarTrigger>
             <TopBarItem>
               <Link to="/" className="MenuItem__logo" tabIndex={-1}>
-                <img src={theme === 'dark' ? logo : darkLogo} alt="" />{' '}
-                <span>Cauldron</span>
+                <img src={theme === 'dark' ? logo : darkLogo} alt="Cauldron" />{' '}
+                <span aria-hidden="true">Cauldron</span>
               </Link>
             </TopBarItem>