This is an automated email from the ASF dual-hosted git repository. maximebeauchemin pushed a commit to branch template_less in repository https://gitbox.apache.org/repos/asf/superset.git
commit 7c2fd551048e9b32066ac8d0c3263a2089797c19 Author: Maxime Beauchemin <[email protected]> AuthorDate: Tue Apr 8 10:56:39 2025 -0700 restyling page header and buttons --- superset-frontend/src/features/home/SubMenu.tsx | 16 ++++++++++------ 1 file changed, 10 insertions(+), 6 deletions(-) diff --git a/superset-frontend/src/features/home/SubMenu.tsx b/superset-frontend/src/features/home/SubMenu.tsx index cc2880653d..81c7a476cd 100644 --- a/superset-frontend/src/features/home/SubMenu.tsx +++ b/superset-frontend/src/features/home/SubMenu.tsx @@ -32,20 +32,22 @@ import { MenuObjectProps } from 'src/types/bootstrapTypes'; const StyledHeader = styled.div<{ backgroundColor?: string }>` background-color: ${({ theme, backgroundColor }) => backgroundColor || theme.colorBgContainer}; + align-items: center; + position: relative; + padding: ${({ theme }) => theme.sizeUnit * 2}px + ${({ theme }) => theme.sizeUnit * 5}px; margin-bottom: ${({ theme }) => theme.sizeUnit * 4}px; .header { font-weight: ${({ theme }) => theme.fontWeightStrong}; margin-right: ${({ theme }) => theme.sizeUnit * 3}px; text-align: left; font-size: 18px; - padding: ${({ theme }) => theme.sizeUnit * 3}px; display: inline-block; - litne-height: ${({ theme }) => theme.sizeUnit * 9}px; + line-height: ${({ theme }) => theme.sizeUnit * 9}px; } .nav-right { display: flex; align-items: center; - padding: ${({ theme }) => theme.sizeUnit * 3.5}px 0; margin-right: ${({ theme }) => theme.sizeUnit * 3}px; float: right; position: absolute; @@ -53,6 +55,9 @@ const StyledHeader = styled.div<{ backgroundColor?: string }>` ul.antd5-menu-root { padding: 0px; } + .antd5-row { + align-items: center; + } li[role='menuitem'] { border: 0; border-bottom: none; @@ -70,12 +75,11 @@ const StyledHeader = styled.div<{ backgroundColor?: string }>` padding-left: 10px; } .menu { - //background-color: ${({ theme }) => theme.colorBgBase}; + align-items: center; } .menu > .antd5-menu { - padding: ${({ theme }) => theme.sizeUnit * 5}px - ${({ theme }) => theme.sizeUnit * 8}px; + padding-left: ${({ theme }) => theme.sizeUnit * 5}px; line-height: ${({ theme }) => theme.sizeUnit * 5}px; .antd5-menu-item {
