QT/superset2
1
0
Fork 0
mirror of https://github.com/apache/superset.git synced 2026-04-25 11:04:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(theming): land Ant Design v5 overhaul — dynamic themes, real dark mode + massive styling refactor (#31590)

Browse Source 
Co-authored-by: Enzo Martellucci <52219496+EnxDev@users.noreply.github.com>
Co-authored-by: Diego Pucci <diegopucci.me@gmail.com>
Co-authored-by: Mehmet Salih Yavuz <salih.yavuz@proton.me>
Co-authored-by: Geido <60598000+geido@users.noreply.github.com>
Co-authored-by: Alexandru Soare <37236580+alexandrusoare@users.noreply.github.com>
Co-authored-by: Damian Pendrak <dpendrak@gmail.com>
Co-authored-by: Pius Iniobong <67148161+payose@users.noreply.github.com>
Co-authored-by: Enzo Martellucci <enzomartellucci@gmail.com>
Co-authored-by: Kamil Gabryjelski <kamil.gabryjelski@gmail.com>
This commit is contained in:
Maxime Beauchemin
2025-06-20 13:38:58 -07:00
committed by GitHub
parent 2cc1ef88c8
commit dd129fa403
1267 changed files with 32958 additions and 23592 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
superset-frontend/plugins/plugin-chart-pivot-table/src/PivotTableChart.tsx
View File

@@ -538,7 +538,7 @@ export default function PivotTableChart(props: PivotTableProps) {
);
return (
<Styles height={height} width={width} margin={theme.gridUnit * 4}>
<Styles height={height} width={width} margin={theme.sizeUnit * 4}>
<PivotTableWrapper>
<PivotTable
data={unpivotedData}

30
superset-frontend/plugins/plugin-chart-pivot-table/src/react-pivottable/Styles.js vendored
View File

@@ -23,16 +23,17 @@ export const Styles = styled.div`
${({ theme, isDashboardEditMode }) => css`
table.pvtTable {
position: ${isDashboardEditMode ? 'inherit' : 'relative'};
width: calc(100% - ${theme.gridUnit}px);
font-size: ${theme.typography.sizes.s}px;
width: calc(100% - ${theme.sizeUnit}px);
font-size: ${theme.fontSizeSM}px;
text-align: left;
margin: ${theme.gridUnit}px;
margin: ${theme.sizeUnit}px;
border-collapse: separate;
font-family: ${theme.typography.families.sansSerif};
font-family: ${theme.fontFamily};
line-height: 1.4;
}
table thead {
background-color: ${theme.colorBgBase};
position: ${isDashboardEditMode ? 'inherit' : 'sticky'};
top: 0;
}
@@ -43,12 +44,11 @@ export const Styles = styled.div`
table.pvtTable thead tr th,
table.pvtTable tbody tr th {
background-color: ${theme.colors.grayscale.light5};
border-top: 1px solid ${theme.colors.grayscale.light2};
border-left: 1px solid ${theme.colors.grayscale.light2};
font-size: ${theme.typography.sizes.s}px;
padding: ${theme.gridUnit}px;
font-weight: ${theme.typography.weights.normal};
border-top: 1px solid ${theme.colorSplit};
border-left: 1px solid ${theme.colorSplit};
font-size: ${theme.fontSizeSM}px;
padding: ${theme.sizeUnit}px;
font-weight: ${theme.fontWeightNormal};
}
table.pvtTable tbody tr.pvtRowTotals {
@@ -94,16 +94,16 @@ export const Styles = styled.div`
table.pvtTable .pvtTotalLabel {
text-align: right;
font-weight: ${theme.typography.weights.bold};
font-weight: ${theme.fontWeightStrong};
}
table.pvtTable .pvtSubtotalLabel {
font-weight: ${theme.typography.weights.bold};
font-weight: ${theme.fontWeightStrong};
}
table.pvtTable tbody tr td {
color: ${theme.colors.primary.dark2};
padding: ${theme.gridUnit}px;
padding: ${theme.sizeUnit}px;
background-color: ${theme.colors.grayscale.light5};
border-top: 1px solid ${theme.colors.grayscale.light2};
border-left: 1px solid ${theme.colors.grayscale.light2};
@@ -117,7 +117,7 @@ export const Styles = styled.div`
.pvtTotal,
.pvtGrandTotal {
font-weight: ${theme.typography.weights.bold};
font-weight: ${theme.fontWeightStrong};
}
table.pvtTable tbody tr td.pvtRowTotal {
@@ -133,7 +133,7 @@ export const Styles = styled.div`
}
.toggle {
padding-right: ${theme.gridUnit}px;
padding-right: ${theme.sizeUnit}px;
cursor: pointer;
}