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