Fixed #6588 - Table sort icon not aligned properly
parent
8eed1fd5ef
commit
0a3430cbc4
|
@ -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')};
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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')};
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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'
|
||||||
|
|
|
@ -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'
|
||||||
|
|
|
@ -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'
|
||||||
|
|
|
@ -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'
|
||||||
|
|
|
@ -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'
|
||||||
|
|
|
@ -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'
|
||||||
|
|
|
@ -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'
|
||||||
|
|
|
@ -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'
|
||||||
|
|
Loading…
Reference in New Issue