Transition refactor for Material
parent
742d781227
commit
d4d0ece671
|
@ -53,7 +53,7 @@ const theme = ({ dt }) => `
|
||||||
left: ${dt('toggleswitch.gap')};
|
left: ${dt('toggleswitch.gap')};
|
||||||
margin-top: calc(-1 * calc(${dt('toggleswitch.handle.size')} / 2));
|
margin-top: calc(-1 * calc(${dt('toggleswitch.handle.size')} / 2));
|
||||||
border-radius: ${dt('toggleswitch.handle.border.radius')};
|
border-radius: ${dt('toggleswitch.handle.border.radius')};
|
||||||
transition: background ${dt('toggleswitch.transition.duration')}, color ${dt('toggleswitch.transition.duration')}, left ${dt('toggleswitch.slide.duration')};
|
transition: background ${dt('toggleswitch.transition.duration')}, color ${dt('toggleswitch.transition.duration')}, left ${dt('toggleswitch.slide.duration')}, box-shadow ${dt('toggleswitch.slide.duration')};
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider {
|
.p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider {
|
||||||
|
|
|
@ -165,5 +165,11 @@ export default {
|
||||||
selectedBorderColor: '{primary.900}'
|
selectedBorderColor: '{primary.900}'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
},
|
||||||
|
style: ({ dt }) => `
|
||||||
|
.p-datatable-header-cell,
|
||||||
|
.p-datatable-tbody > tr {
|
||||||
|
transition: none;
|
||||||
|
}
|
||||||
|
`
|
||||||
};
|
};
|
||||||
|
|
|
@ -119,5 +119,11 @@ export default {
|
||||||
selectedBorderColor: '{primary.900}'
|
selectedBorderColor: '{primary.900}'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
},
|
||||||
|
style: ({ dt }) => `
|
||||||
|
.p-treetable-header-cell,
|
||||||
|
.p-treetable-tbody > tr {
|
||||||
|
transition: none;
|
||||||
|
}
|
||||||
|
`
|
||||||
};
|
};
|
||||||
|
|
Loading…
Reference in New Issue