[superset] branch master updated: fix: Removing specific column widths, letting things flex naturally. (#14637)

[villebro]

This is an automated email from the ASF dual-hosted git repository.

villebro pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/superset.git


The following commit(s) were added to refs/heads/master by this push:
     new bf90885  fix: Removing specific column widths, letting things flex 
naturally. (#14637)
bf90885 is described below

commit bf908858287fdfacac96c615ddd0abb945a450f2
Author: Evan Rusackas <e...@preset.io>
AuthorDate: Fri May 14 02:12:37 2021 -0700

    fix: Removing specific column widths, letting things flex naturally. 
(#14637)
---
 superset-frontend/src/components/Menu/SubMenu.tsx | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/superset-frontend/src/components/Menu/SubMenu.tsx 
b/superset-frontend/src/components/Menu/SubMenu.tsx
index 27f4b86..ec03222 100644
--- a/superset-frontend/src/components/Menu/SubMenu.tsx
+++ b/superset-frontend/src/components/Menu/SubMenu.tsx
@@ -158,7 +158,6 @@ const SubMenuComponent: 
React.FunctionComponent<SubMenuProps> = props => {
   const [navRightStyle, setNavRightStyle] = useState('nav-right');
   const [navRightCol, setNavRightCol] = useState(8);
 
-  const { headerSize = 2 } = props;
   let hasHistory = true;
   // If no parent <Router> component exists, useHistory throws an error
   try {
@@ -195,17 +194,15 @@ const SubMenuComponent: 
React.FunctionComponent<SubMenuProps> = props => {
     return () => window.removeEventListener('resize', resize);
   }, [props.buttons]);
 
-  const offset = props.name ? headerSize : 0;
-
   return (
     <StyledHeader>
       <Row className="menu" role="navigation">
         {props.name && (
-          <Col md={offset} xs={24}>
+          <Col flex="none">
             <div className="header">{props.name}</div>
           </Col>
         )}
-        <Col md={16 - offset} sm={24} xs={24}>
+        <Col flex="auto" xs={24}>
           <Menu mode={showMenu} style={{ backgroundColor: 'transparent' }}>
             {props.tabs &&
               props.tabs.map(tab => {