diff --git a/superset-frontend/src/SqlLab/components/TabbedSqlEditors.jsx b/superset-frontend/src/SqlLab/components/TabbedSqlEditors.jsx index 5461645476..a916798572 100644 --- a/superset-frontend/src/SqlLab/components/TabbedSqlEditors.jsx +++ b/superset-frontend/src/SqlLab/components/TabbedSqlEditors.jsx @@ -58,6 +58,12 @@ const defaultProps = { let queryCount = 1; +const TabTitleWrapper = styled.div` + display: flex; + align-items: center; + justify-content: center; +`; + const TabTitle = styled.span` margin-right: ${({ theme }) => theme.gridUnit * 2}px; `; @@ -354,12 +360,12 @@ class TabbedSqlEditors extends React.PureComponent { ); const tabHeader = ( - <> +
{qe.title} {' '} - +
); return ( theme.typography.weights.normal}; display: inline-flex; + position: relative; &:hover { background-color: ${({ theme }) => theme.colors.primary.base}; @@ -50,11 +51,11 @@ const MenuDots = styled.div` } &::before { - transform: translateY(-${({ theme }) => theme.gridUnit}px); + top: ${({ theme }) => theme.gridUnit}px; } &::after { - transform: translateY(${({ theme }) => theme.gridUnit}px); + bottom: ${({ theme }) => theme.gridUnit}px; } `; diff --git a/superset-frontend/src/common/components/Tabs.tsx b/superset-frontend/src/common/components/Tabs.tsx index 9346d0aa4c..e87f7835dd 100644 --- a/superset-frontend/src/common/components/Tabs.tsx +++ b/superset-frontend/src/common/components/Tabs.tsx @@ -52,10 +52,7 @@ const StyledTabs = styled(AntdTabs, { `}; .ant-tabs-tab-btn { - display: flex; flex: 1 1 auto; - align-items: center; - justify-content: center; font-size: ${({ theme }) => theme.typography.sizes.s}px; text-align: center; text-transform: uppercase;