From 94c86c3837391c862b9df9471a3db783e7bd7061 Mon Sep 17 00:00:00 2001 From: Lyndsi Kay Williams <55605634+lyndsiWilliams@users.noreply.github.com> Date: Tue, 8 Jun 2021 12:09:35 -0500 Subject: [PATCH] Centered down-arrow icons in top navbar (#14846) --- superset-frontend/src/components/Menu/Menu.tsx | 3 +++ superset-frontend/src/components/Menu/MenuRight.tsx | 3 +++ 2 files changed, 6 insertions(+) diff --git a/superset-frontend/src/components/Menu/Menu.tsx b/superset-frontend/src/components/Menu/Menu.tsx index 0875b85f8..38c826b5c 100644 --- a/superset-frontend/src/components/Menu/Menu.tsx +++ b/superset-frontend/src/components/Menu/Menu.tsx @@ -91,6 +91,9 @@ const StyledHeader = styled.header` flex-direction: column; justify-content: center; } + .main-nav .ant-menu-submenu-title > svg { + top: ${({ theme }) => theme.gridUnit * 5.25}px; + } @media (max-width: 767px) { .navbar-brand { float: none; diff --git a/superset-frontend/src/components/Menu/MenuRight.tsx b/superset-frontend/src/components/Menu/MenuRight.tsx index a722834bd..050709734 100644 --- a/superset-frontend/src/components/Menu/MenuRight.tsx +++ b/superset-frontend/src/components/Menu/MenuRight.tsx @@ -59,6 +59,9 @@ const StyledDiv = styled.div<{ align: string }>` justify-content: ${({ align }) => align}; align-items: center; margin-right: ${({ theme }) => theme.gridUnit}px; + .ant-menu-submenu-title > svg { + top: ${({ theme }) => theme.gridUnit * 5.25}px; + } `; const StyledAnchor = styled.a`