fix: apply menu__link--sublist consistently to fix Docusaurus search …

…issue (#227)
facebookincubator · Mar 24, 2022 · 7510e54 · 7510e54
1 parent c10112e
commit 7510e54
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 3 deletions.
diff --git a/packages/core/demo/index.html b/packages/core/demo/index.html
@@ -777,16 +777,36 @@ <h1>
                       </li>
                     </ul>
                   </li>
+
+                  <li class="menu__list-item menu__list-item--collapsed">
+                    <div class="menu__list-item-collapsible">
+                      <a class="menu__link menu__link--sublist" href="#url">
+                        Category with link
+                      </a>
+                      <button
+                        type="button"
+                        class="clean-btn menu__caret"></button>
+                    </div>
+                    <ul class="menu__list">
+                      <li class="menu__list-item">
+                        <a class="menu__link" href="#url">Second Level</a>
+                      </li>
+                    </ul>
+                  </li>
+
                   <li class="menu__list-item menu__list-item--collapsed">
-                    <a class="menu__link menu__link--sublist" href="#url">
-                      Not exactly category
+                    <a
+                      class="menu__link menu__link--sublist menu__link--sublist-caret"
+                      href="#url">
+                      Category without Link
                     </a>
                     <ul class="menu__list">
                       <li class="menu__list-item">
                         <a class="menu__link" href="#url">Second Level</a>
                       </li>
                     </ul>
                   </li>
+
                   <li class="menu__list-item">
                     <a class="menu__link" href="#url">And The List</a>
                   </li>

diff --git a/packages/core/styles/components/menu.pcss b/packages/core/styles/components/menu.pcss
@@ -107,7 +107,7 @@
       text-decoration: none;
     }
 
-    &--sublist {
+    &--sublist-caret {
       justify-content: space-between;
 
       &:after {