RanchiMall/standard-ui
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added view transition for smoother theme toggle

Browse Source
This commit is contained in:
sairaj mote 2023-09-26 16:42:59 +05:30
parent 30bf7add5f
commit 0f7e96328f
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
components/dist/theme-toggle.js vendored
View File

@ -102,8 +102,15 @@ class ThemeToggle extends HTMLElement {
} }
toggleState() { toggleState() {
this.toggleAttribute('checked'); if (!document.startViewTransition) {
this.fireEvent(); this.toggleAttribute('checked');
this.fireEvent();
return;
}
document.startViewTransition(() => {
this.toggleAttribute('checked');
this.fireEvent();
});
} }
handleKeyDown(e) { handleKeyDown(e) {
if (e.key === ' ') { if (e.key === ' ') {