fix: more fixes to menu items without description

adobe · Apr 11, 2023 · b211242 · b211242
1 parent 3cbc693
commit b211242
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/packages/gatsby-theme-aio/src/components/GlobalHeader/index.js b/packages/gatsby-theme-aio/src/components/GlobalHeader/index.js
@@ -813,7 +813,13 @@ const GlobalHeader = ({
                                 }}
                                 href={version.href}
                                 {...getExternalLinkProps(version.href)}>
-                                {version.title}
+                                  <div
+                                    css={css`
+                                      margin-top: var(--spectrum-global-dimension-size-50);
+                                      margin-bottom: var(--spectrum-global-dimension-size-50);
+                                    `}>
+                                        {version.title}
+                                  </div>
                               </MenuItem>
                             ))}
                           </Menu>

diff --git a/packages/gatsby-theme-aio/src/components/Menu/index.js b/packages/gatsby-theme-aio/src/components/Menu/index.js
@@ -51,7 +51,7 @@ const Item = ({ children, isDivider = false, isHighlighted, isSelected, href = '
 }`}>
         <div css={css`
           width: 20px !important;
-         ${ isHeightUnset ? "margin-top: 8px;" : "height: 15px !important;" }
+         ${ isHeightUnset ? "margin-top: 8px;" : "height: 15px !important; margin-top: 4px;" }
          padding-right: 5px;
          overflow: hidden;
         `}>