You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@superset.apache.org by en...@apache.org on 2025/07/09 15:58:53 UTC
(superset) 01/01: fix: adjust background color for dashboard, Tabs and ListView
This is an automated email from the ASF dual-hosted git repository.
enzomartellucci pushed a commit to branch enxdev/fix/dashboard
in repository https://gitbox.apache.org/repos/asf/superset.git
commit f76369a050f467c55d2e32ec459d6440dd4b4958
Author: Enzo Martellucci <en...@gmail.com>
AuthorDate: Wed Jul 9 17:09:35 2025 +0200
fix: adjust background color for dashboard, Tabs and ListView
---
superset-frontend/src/components/ListView/ListView.tsx | 1 +
.../src/dashboard/components/DashboardBuilder/DashboardWrapper.tsx | 1 +
superset-frontend/src/dashboard/components/gridComponents/Tabs.jsx | 4 ++--
3 files changed, 4 insertions(+), 2 deletions(-)
diff --git a/superset-frontend/src/components/ListView/ListView.tsx b/superset-frontend/src/components/ListView/ListView.tsx
index a7df93e3cc..732c87fc2d 100644
--- a/superset-frontend/src/components/ListView/ListView.tsx
+++ b/superset-frontend/src/components/ListView/ListView.tsx
@@ -45,6 +45,7 @@ import { ListViewError, useListViewState } from './utils';
const ListViewStyles = styled.div`
${({ theme }) => `
text-align: center;
+ background-color: ${theme.colorBgLayout};
.superset-list-view {
text-align: left;
diff --git a/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardWrapper.tsx b/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardWrapper.tsx
index a7f885a6a5..65e44e33bf 100644
--- a/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardWrapper.tsx
+++ b/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardWrapper.tsx
@@ -28,6 +28,7 @@ import { debounce } from 'lodash';
const StyledDiv = styled.div`
${({ theme }) => css`
+ background-color: ${theme.colorBgLayout};
position: relative;
display: grid;
grid-template-columns: auto 1fr;
diff --git a/superset-frontend/src/dashboard/components/gridComponents/Tabs.jsx b/superset-frontend/src/dashboard/components/gridComponents/Tabs.jsx
index b81bfeaf28..aeaa1154ea 100644
--- a/superset-frontend/src/dashboard/components/gridComponents/Tabs.jsx
+++ b/superset-frontend/src/dashboard/components/gridComponents/Tabs.jsx
@@ -79,7 +79,7 @@ const defaultProps = {
const StyledTabsContainer = styled.div`
${({ theme }) => css`
width: 100%;
- background-color: ${theme.colors.grayscale.light5};
+ background-color: ${theme.colorBgBase};
.dashboard-component-tabs-content {
min-height: ${theme.sizeUnit * 12}px;
@@ -96,7 +96,7 @@ const StyledTabsContainer = styled.div`
.ant-tabs-content-holder {
overflow: visible;
- margin-top: ${theme.sizeUnit * 4}px;
+ padding-top: ${theme.sizeUnit * 4}px;
}
}