You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@superset.apache.org by el...@apache.org on 2023/05/25 22:59:59 UTC
[superset] 01/18: fix(Pivot Table v2): resolved full width issue (#23393)
This is an automated email from the ASF dual-hosted git repository.
elizabeth pushed a commit to branch 2.1
in repository https://gitbox.apache.org/repos/asf/superset.git
commit 98dd68f62867bd7a34ce2655f383b6de6eb5f2e8
Author: akashboora <ak...@zemosolabs.com>
AuthorDate: Thu Mar 23 03:06:07 2023 +0530
fix(Pivot Table v2): resolved full width issue (#23393)
(cherry picked from commit 832e8fb0ac7599e87135d002b361475403d2791a)
---
.../plugins/plugin-chart-pivot-table/src/PivotTableChart.tsx | 2 +-
.../plugins/plugin-chart-pivot-table/src/react-pivottable/Styles.js | 1 +
2 files changed, 2 insertions(+), 1 deletion(-)
diff --git a/superset-frontend/plugins/plugin-chart-pivot-table/src/PivotTableChart.tsx b/superset-frontend/plugins/plugin-chart-pivot-table/src/PivotTableChart.tsx
index d9653686e1..928d347598 100644
--- a/superset-frontend/plugins/plugin-chart-pivot-table/src/PivotTableChart.tsx
+++ b/superset-frontend/plugins/plugin-chart-pivot-table/src/PivotTableChart.tsx
@@ -52,7 +52,7 @@ const Styles = styled.div<PivotTableStylesProps>`
const PivotTableWrapper = styled.div`
height: 100%;
- max-width: fit-content;
+ max-width: inherit;
overflow: auto;
`;
diff --git a/superset-frontend/plugins/plugin-chart-pivot-table/src/react-pivottable/Styles.js b/superset-frontend/plugins/plugin-chart-pivot-table/src/react-pivottable/Styles.js
index 5393e4f610..0854620f2b 100644
--- a/superset-frontend/plugins/plugin-chart-pivot-table/src/react-pivottable/Styles.js
+++ b/superset-frontend/plugins/plugin-chart-pivot-table/src/react-pivottable/Styles.js
@@ -23,6 +23,7 @@ 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;
text-align: left;
margin: ${theme.gridUnit}px;