Merge pull request #9 from red-ninjas/hotfix/mobile-menu-root-node

Fixed bottom dropdown for root node and leaf nodes
red-ninjas · Nov 1, 2023 · c82e03b · c82e03b
2 parents 8348548 + 7dd7bec
commit c82e03b
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/components/mobile-menu/item.tsx b/src/components/mobile-menu/item.tsx
@@ -40,7 +40,7 @@ const NavigationItem: React.FC<PropsWithChildren<NavigationItemProps>> = ({ url
           </a>
         </Link>
       </div>
-      <style jsx>{`
+      <style jsx global>{`
         .item {
           display: flex;
           box-sizing: border-box;
@@ -56,6 +56,11 @@ const NavigationItem: React.FC<PropsWithChildren<NavigationItemProps>> = ({ url
           height: ${SCALES.height(1, 'auto')};
           padding: ${SCALES.pt(0.875)} ${SCALES.pr(0.55)} ${SCALES.pb(0.875)} ${SCALES.pl(0.55)};
           margin: ${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)};
+          border-bottom: 1px solid ${theme.palette.border};
+        }
+
+        .sub-group-inner .item {
+          border-bottom: unset;
         }
 
         .item:hover {