diff --git a/superset-frontend/src/SqlLab/components/ResultSet/index.tsx b/superset-frontend/src/SqlLab/components/ResultSet/index.tsx index 6e0e0d4317800..28bcd59475e48 100644 --- a/superset-frontend/src/SqlLab/components/ResultSet/index.tsx +++ b/superset-frontend/src/SqlLab/components/ResultSet/index.tsx @@ -78,9 +78,12 @@ interface ResultSetState { alertIsOpen: boolean; } -const Styles = styled.div` +const ResultlessStyles = styled.div` position: relative; minheight: 100px; + [role='alert'] { + margin-top: ${({ theme }) => theme.gridUnit * 2}px; + } .sql-result-track-job { margin-top: ${({ theme }) => theme.gridUnit * 2}px; } @@ -113,10 +116,6 @@ const ResultSetButtons = styled.div` padding-right: ${({ theme }) => 2 * theme.gridUnit}px; `; -const ResultSetErrorMessage = styled.div` - padding-top: ${({ theme }) => 4 * theme.gridUnit}px; -`; - export default class ResultSet extends React.PureComponent< ResultSetProps, ResultSetState @@ -448,7 +447,7 @@ export default class ResultSet extends React.PureComponent< } if (query.state === 'failed') { return ( - + {trackingUrl} - + ); } if (query.state === 'success' && query.ctas) { @@ -589,7 +588,7 @@ export default class ResultSet extends React.PureComponent< : null; return ( - +
{!progressBar && }
{/* show loading bar whenever progress bar is completed but needs time to render */}
{query.progress === 100 && }
@@ -599,7 +598,7 @@ export default class ResultSet extends React.PureComponent<
{query.progress !== 100 && progressBar}
{trackingUrl &&
{trackingUrl}
} -
+ ); } }