This is an automated email from the ASF dual-hosted git repository. msyavuz pushed a commit to branch msyavuz/fix/south-pane-visuals in repository https://gitbox.apache.org/repos/asf/superset.git
commit d972a957282d44426e76d1b7f936ddbd577f0f5e Author: Mehmet Salih Yavuz <[email protected]> AuthorDate: Fri Oct 10 10:27:27 2025 +0300 fix: paddings for other tabs --- superset-frontend/src/SqlLab/components/QueryHistory/index.tsx | 10 ++++++++-- superset-frontend/src/SqlLab/components/ResultSet/index.tsx | 3 +++ 2 files changed, 11 insertions(+), 2 deletions(-) diff --git a/superset-frontend/src/SqlLab/components/QueryHistory/index.tsx b/superset-frontend/src/SqlLab/components/QueryHistory/index.tsx index 0a311d4808..0ae67caa36 100644 --- a/superset-frontend/src/SqlLab/components/QueryHistory/index.tsx +++ b/superset-frontend/src/SqlLab/components/QueryHistory/index.tsx @@ -27,6 +27,7 @@ import { css, FeatureFlag, isFeatureEnabled, + useTheme, } from '@superset-ui/core'; import QueryTable from 'src/SqlLab/components/QueryTable'; import { SqlLabRootState } from 'src/SqlLab/types'; @@ -67,6 +68,7 @@ const QueryHistory = ({ const { id, tabViewId } = useQueryEditor(String(queryEditorId), [ 'tabViewId', ]); + const theme = useTheme(); const editorId = tabViewId ?? id; const [ref, hasReachedBottom] = useInView({ threshold: 0 }); const [pageIndex, setPageIndex] = useState(0); @@ -118,7 +120,11 @@ const QueryHistory = ({ } return editorQueries.length > 0 ? ( - <> + <div + css={css` + padding-left: ${theme.sizeUnit * 4}px; + `} + > <QueryTable columns={[ 'state', @@ -144,7 +150,7 @@ const QueryHistory = ({ /> )} {isFetching && <Skeleton active />} - </> + </div> ) : ( <StyledEmptyStateWrapper> <EmptyState diff --git a/superset-frontend/src/SqlLab/components/ResultSet/index.tsx b/superset-frontend/src/SqlLab/components/ResultSet/index.tsx index 643e4a712c..66bbafb5db 100644 --- a/superset-frontend/src/SqlLab/components/ResultSet/index.tsx +++ b/superset-frontend/src/SqlLab/components/ResultSet/index.tsx @@ -148,6 +148,7 @@ const ReturnedRows = styled.div` const ResultSetControls = styled.div` display: flex; justify-content: space-between; + padding-left: ${({ theme }) => theme.sizeUnit * 4}px; `; const ResultSetButtons = styled.div` @@ -661,6 +662,7 @@ const ResultSet = ({ css={css` display: flex; justify-content: space-between; + padding-left: ${theme.sizeUnit * 4}px; align-items: center; gap: ${GAP}px; `} @@ -696,6 +698,7 @@ const ResultSet = ({ <div css={css` flex: 1 1 auto; + padding-left: ${theme.sizeUnit * 4}px; `} > <AutoSizer disableWidth>
