From 9aa87768eb4a54c1442f35618061c797a5488f10 Mon Sep 17 00:00:00 2001 From: HendrikThePendric Date: Thu, 14 Sep 2023 17:07:30 +0200 Subject: [PATCH] fix(pivot-table): set padding on hoverable div instead of container th --- .../PivotTable/styles/PivotTable.style.js | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/src/components/PivotTable/styles/PivotTable.style.js b/src/components/PivotTable/styles/PivotTable.style.js index 74bf840ec..3912a289c 100644 --- a/src/components/PivotTable/styles/PivotTable.style.js +++ b/src/components/PivotTable/styles/PivotTable.style.js @@ -112,6 +112,8 @@ export const cell = css` .title-cell { font-weight: bold; background-color: #cddaed; + padding-top: 0; + padding-bottom: 0; } .title-cell-content { text-align: center; @@ -119,6 +121,18 @@ export const cell = css` overflow: hidden; text-overflow: ellipsis; } + .title-cell.displaydensity-COMPACT > .title-cell-content { + padding-top: ${DISPLAY_DENSITY_PADDING_COMPACT}px; + padding-bottom: ${DISPLAY_DENSITY_PADDING_COMPACT}px; + } + .title-cell.displaydensity-NORMAL > .title-cell-content { + padding-top: ${DISPLAY_DENSITY_PADDING_NORMAL}px; + padding-bottom: ${DISPLAY_DENSITY_PADDING_NORMAL}px; + } + .title-cell.displaydensity-COMFORTABLE > .title-cell-content { + padding-top: ${DISPLAY_DENSITY_PADDING_COMFORTABLE}px; + padding-bottom: ${DISPLAY_DENSITY_PADDING_COMFORTABLE}px; + } .row-header { background-color: #dae6f8; }