fix: fix up checkmark and menu items align in nav menu

adobe · Apr 11, 2023 · c89bb68 · c89bb68
1 parent d482784
commit c89bb68
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/gatsby-theme-aio/src/components/GlobalHeader/index.js b/packages/gatsby-theme-aio/src/components/GlobalHeader/index.js
@@ -630,7 +630,7 @@ const GlobalHeader = ({
                               border-top-left-radius: 0;
                               border-top-right-radius: 0;
                               ${page.menu.some(menu => menu.description) &&
-                              `width: var(--spectrum-global-dimension-size-2400);`}
+                              `width: 230px;`}
 
                               @media screen and (max-width: ${MOBILE_SCREEN_WIDTH}) {
                                 margin-top: calc(-1 * var(--spectrum-global-dimension-size-40));

diff --git a/packages/gatsby-theme-aio/src/components/Menu/index.js b/packages/gatsby-theme-aio/src/components/Menu/index.js
@@ -46,11 +46,12 @@ const Item = ({ children, isDivider = false, isHighlighted, isSelected, href = '
     flex-direction: row;
     justify-content: flex-start;
     overflow: hidden;
+    align-self: start;
     ${ isHeightUnset && !isHeightUnset ? `margin-top: var(--spectrum-global-dimension-size-50) !important` : ""}
 }`}>
         <div css={css`
           width: 20px !important;
-         ${ isHeightUnset ? "" : "height: 15px !important;" }
+         ${ isHeightUnset ? "margin-top: 8px;" : "height: 15px !important;" }
          padding-right: 5px;
          overflow: hidden;
         `}>
@@ -59,7 +60,6 @@ const Item = ({ children, isDivider = false, isHighlighted, isSelected, href = '
             css={css`
              display: ${isSelected ? "block" : "none"} ;
              color:  var(--spectrum-alias-icon-color-selected) !important;
-             
             `}
           />
           </div>