fix: adjusted tab height (#13822)

This commit is contained in:
AAfghahi
2021-04-02 12:44:45 -04:00
committed by GitHub
parent f6f412b4ae
commit 4187d9e4c4
3 changed files with 7 additions and 3 deletions

View File

@@ -33,7 +33,7 @@ import {
LOCALSTORAGE_MAX_QUERY_AGE_MS, LOCALSTORAGE_MAX_QUERY_AGE_MS,
} from '../../constants'; } from '../../constants';
const TAB_HEIGHT = 64; const TAB_HEIGHT = 90;
/* /*
editorQueries are queries executed by users passed from SqlEditor component editorQueries are queries executed by users passed from SqlEditor component
@@ -63,7 +63,6 @@ const StyledPane = styled.div`
flex-direction: column; flex-direction: column;
} }
.tab-content { .tab-content {
overflow: hidden;
.alert { .alert {
margin-top: ${({ theme }) => theme.gridUnit * 2}px; margin-top: ${({ theme }) => theme.gridUnit * 2}px;
} }

View File

@@ -56,7 +56,7 @@ body {
position: relative; position: relative;
background-color: @lightest; background-color: @lightest;
overflow-x: auto; overflow-x: auto;
overflow-y: hidden; overflow-y: auto;
> .ant-tabs-tabpane { > .ant-tabs-tabpane {
position: absolute; position: absolute;

View File

@@ -30,6 +30,10 @@ const ProgressBar = styled(({ striped, ...props }: ProgressBarProps) => (
<AntdProgress {...props} /> <AntdProgress {...props} />
))` ))`
line-height: 0; line-height: 0;
position: static;
.ant-progress-inner {
position: static;
}
.ant-progress-outer { .ant-progress-outer {
${({ percent }) => !percent && `display: none;`} ${({ percent }) => !percent && `display: none;`}
} }
@@ -37,6 +41,7 @@ const ProgressBar = styled(({ striped, ...props }: ProgressBarProps) => (
font-size: ${({ theme }) => theme.typography.sizes.s}px; font-size: ${({ theme }) => theme.typography.sizes.s}px;
} }
.ant-progress-bg { .ant-progress-bg {
position: static;
${({ striped }) => ${({ striped }) =>
striped && striped &&
` `