From 0a3430cbc4fb37d055bbc1f1c6e59429f74736ee Mon Sep 17 00:00:00 2001 From: Cagatay Civici Date: Wed, 16 Oct 2024 11:42:15 +0300 Subject: [PATCH] Fixed #6588 - Table sort icon not aligned properly --- packages/primevue/src/datatable/style/DataTableStyle.js | 3 +++ packages/primevue/src/treetable/style/TreeTableStyle.js | 3 +++ packages/themes/src/presets/aura/datatable/index.js | 3 ++- packages/themes/src/presets/aura/treetable/index.js | 3 ++- packages/themes/src/presets/lara/datatable/index.js | 3 ++- packages/themes/src/presets/lara/treetable/index.js | 3 ++- packages/themes/src/presets/material/datatable/index.js | 3 ++- packages/themes/src/presets/material/treetable/index.js | 3 ++- packages/themes/src/presets/nora/datatable/index.js | 3 ++- packages/themes/src/presets/nora/treetable/index.js | 3 ++- 10 files changed, 22 insertions(+), 8 deletions(-) diff --git a/packages/primevue/src/datatable/style/DataTableStyle.js b/packages/primevue/src/datatable/style/DataTableStyle.js index deb48cf18..5ea81379e 100644 --- a/packages/primevue/src/datatable/style/DataTableStyle.js +++ b/packages/primevue/src/datatable/style/DataTableStyle.js @@ -373,6 +373,9 @@ const theme = ({ dt }) => ` .p-datatable-sort-icon { color: ${dt('datatable.sort.icon.color')}; + font-size: ${dt('datatable.sort.icon.size')}; + width: ${dt('datatable.sort.icon.size')}; + height: ${dt('datatable.sort.icon.size')}; transition: color ${dt('datatable.transition.duration')}; } diff --git a/packages/primevue/src/treetable/style/TreeTableStyle.js b/packages/primevue/src/treetable/style/TreeTableStyle.js index 365802ff8..ea1c9f96a 100644 --- a/packages/primevue/src/treetable/style/TreeTableStyle.js +++ b/packages/primevue/src/treetable/style/TreeTableStyle.js @@ -231,6 +231,9 @@ const theme = ({ dt }) => ` .p-treetable-sort-icon { color: ${dt('treetable.sort.icon.color')}; + font-size: ${dt('treetable.sort.icon.size')}; + width: ${dt('treetable.sort.icon.size')}; + height: ${dt('treetable.sort.icon.size')}; transition: color ${dt('treetable.transition.duration')}; } diff --git a/packages/themes/src/presets/aura/datatable/index.js b/packages/themes/src/presets/aura/datatable/index.js index 071e67d63..4766d35aa 100644 --- a/packages/themes/src/presets/aura/datatable/index.js +++ b/packages/themes/src/presets/aura/datatable/index.js @@ -75,7 +75,8 @@ export default { }, sortIcon: { color: '{text.muted.color}', - hoverColor: '{text.hover.muted.color}' + hoverColor: '{text.hover.muted.color}', + size: '0.875rem' }, loadingIcon: { size: '2rem' diff --git a/packages/themes/src/presets/aura/treetable/index.js b/packages/themes/src/presets/aura/treetable/index.js index 63de6e6ab..3d43fc56e 100644 --- a/packages/themes/src/presets/aura/treetable/index.js +++ b/packages/themes/src/presets/aura/treetable/index.js @@ -73,7 +73,8 @@ export default { }, sortIcon: { color: '{text.muted.color}', - hoverColor: '{text.hover.muted.color}' + hoverColor: '{text.hover.muted.color}', + size: '0.875rem' }, loadingIcon: { size: '2rem' diff --git a/packages/themes/src/presets/lara/datatable/index.js b/packages/themes/src/presets/lara/datatable/index.js index 1343e503f..7c7d1a63f 100644 --- a/packages/themes/src/presets/lara/datatable/index.js +++ b/packages/themes/src/presets/lara/datatable/index.js @@ -66,7 +66,8 @@ export default { }, sortIcon: { color: '{text.muted.color}', - hoverColor: '{text.hover.muted.color}' + hoverColor: '{text.hover.muted.color}', + size: '0.875rem' }, loadingIcon: { size: '2rem' diff --git a/packages/themes/src/presets/lara/treetable/index.js b/packages/themes/src/presets/lara/treetable/index.js index 915e969c0..e4c43f13b 100644 --- a/packages/themes/src/presets/lara/treetable/index.js +++ b/packages/themes/src/presets/lara/treetable/index.js @@ -64,7 +64,8 @@ export default { }, sortIcon: { color: '{text.muted.color}', - hoverColor: '{text.hover.muted.color}' + hoverColor: '{text.hover.muted.color}', + size: '0.875rem' }, loadingIcon: { size: '2rem' diff --git a/packages/themes/src/presets/material/datatable/index.js b/packages/themes/src/presets/material/datatable/index.js index 36bf83470..de7c4bb22 100644 --- a/packages/themes/src/presets/material/datatable/index.js +++ b/packages/themes/src/presets/material/datatable/index.js @@ -75,7 +75,8 @@ export default { }, sortIcon: { color: '{text.muted.color}', - hoverColor: '{text.hover.muted.color}' + hoverColor: '{text.hover.muted.color}', + size: '0.875rem' }, loadingIcon: { size: '2rem' diff --git a/packages/themes/src/presets/material/treetable/index.js b/packages/themes/src/presets/material/treetable/index.js index adea4b82d..bb2da05b3 100644 --- a/packages/themes/src/presets/material/treetable/index.js +++ b/packages/themes/src/presets/material/treetable/index.js @@ -73,7 +73,8 @@ export default { }, sortIcon: { color: '{text.muted.color}', - hoverColor: '{text.hover.muted.color}' + hoverColor: '{text.hover.muted.color}', + size: '0.875rem' }, loadingIcon: { size: '2rem' diff --git a/packages/themes/src/presets/nora/datatable/index.js b/packages/themes/src/presets/nora/datatable/index.js index 63c4f58b5..0cffab1de 100644 --- a/packages/themes/src/presets/nora/datatable/index.js +++ b/packages/themes/src/presets/nora/datatable/index.js @@ -75,7 +75,8 @@ export default { }, sortIcon: { color: '{text.muted.color}', - hoverColor: '{text.hover.muted.color}' + hoverColor: '{text.hover.muted.color}', + size: '0.875rem' }, loadingIcon: { size: '2rem' diff --git a/packages/themes/src/presets/nora/treetable/index.js b/packages/themes/src/presets/nora/treetable/index.js index c728c0758..efe357317 100644 --- a/packages/themes/src/presets/nora/treetable/index.js +++ b/packages/themes/src/presets/nora/treetable/index.js @@ -73,7 +73,8 @@ export default { }, sortIcon: { color: '{text.muted.color}', - hoverColor: '{text.hover.muted.color}' + hoverColor: '{text.hover.muted.color}', + size: '0.875rem' }, loadingIcon: { size: '2rem'