Fixed #6588 - Table sort icon not aligned properly

pull/6596/head
Cagatay Civici 2024-10-16 11:42:15 +03:00
parent 8eed1fd5ef
commit 0a3430cbc4
10 changed files with 22 additions and 8 deletions

View File

@ -373,6 +373,9 @@ const theme = ({ dt }) => `
.p-datatable-sort-icon { .p-datatable-sort-icon {
color: ${dt('datatable.sort.icon.color')}; 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')}; transition: color ${dt('datatable.transition.duration')};
} }

View File

@ -231,6 +231,9 @@ const theme = ({ dt }) => `
.p-treetable-sort-icon { .p-treetable-sort-icon {
color: ${dt('treetable.sort.icon.color')}; 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')}; transition: color ${dt('treetable.transition.duration')};
} }

View File

@ -75,7 +75,8 @@ export default {
}, },
sortIcon: { sortIcon: {
color: '{text.muted.color}', color: '{text.muted.color}',
hoverColor: '{text.hover.muted.color}' hoverColor: '{text.hover.muted.color}',
size: '0.875rem'
}, },
loadingIcon: { loadingIcon: {
size: '2rem' size: '2rem'

View File

@ -73,7 +73,8 @@ export default {
}, },
sortIcon: { sortIcon: {
color: '{text.muted.color}', color: '{text.muted.color}',
hoverColor: '{text.hover.muted.color}' hoverColor: '{text.hover.muted.color}',
size: '0.875rem'
}, },
loadingIcon: { loadingIcon: {
size: '2rem' size: '2rem'

View File

@ -66,7 +66,8 @@ export default {
}, },
sortIcon: { sortIcon: {
color: '{text.muted.color}', color: '{text.muted.color}',
hoverColor: '{text.hover.muted.color}' hoverColor: '{text.hover.muted.color}',
size: '0.875rem'
}, },
loadingIcon: { loadingIcon: {
size: '2rem' size: '2rem'

View File

@ -64,7 +64,8 @@ export default {
}, },
sortIcon: { sortIcon: {
color: '{text.muted.color}', color: '{text.muted.color}',
hoverColor: '{text.hover.muted.color}' hoverColor: '{text.hover.muted.color}',
size: '0.875rem'
}, },
loadingIcon: { loadingIcon: {
size: '2rem' size: '2rem'

View File

@ -75,7 +75,8 @@ export default {
}, },
sortIcon: { sortIcon: {
color: '{text.muted.color}', color: '{text.muted.color}',
hoverColor: '{text.hover.muted.color}' hoverColor: '{text.hover.muted.color}',
size: '0.875rem'
}, },
loadingIcon: { loadingIcon: {
size: '2rem' size: '2rem'

View File

@ -73,7 +73,8 @@ export default {
}, },
sortIcon: { sortIcon: {
color: '{text.muted.color}', color: '{text.muted.color}',
hoverColor: '{text.hover.muted.color}' hoverColor: '{text.hover.muted.color}',
size: '0.875rem'
}, },
loadingIcon: { loadingIcon: {
size: '2rem' size: '2rem'

View File

@ -75,7 +75,8 @@ export default {
}, },
sortIcon: { sortIcon: {
color: '{text.muted.color}', color: '{text.muted.color}',
hoverColor: '{text.hover.muted.color}' hoverColor: '{text.hover.muted.color}',
size: '0.875rem'
}, },
loadingIcon: { loadingIcon: {
size: '2rem' size: '2rem'

View File

@ -73,7 +73,8 @@ export default {
}, },
sortIcon: { sortIcon: {
color: '{text.muted.color}', color: '{text.muted.color}',
hoverColor: '{text.hover.muted.color}' hoverColor: '{text.hover.muted.color}',
size: '0.875rem'
}, },
loadingIcon: { loadingIcon: {
size: '2rem' size: '2rem'