js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 12:09:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add tooltip to theme selector

Browse Source
This commit is contained in:
Cory LaViska
2020-08-18 17:03:42 -04:00
parent 165aae1c8a
commit 386a247bc5
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
docs/assets/plugins/theme/theme.js
View File

@@ -10,6 +10,10 @@
const noTransitions = Object.assign(document.createElement('style'), {
textContent: '* { transition: none !important; }'
});
const tooltip = Object.assign(document.createElement('sl-tooltip'), {
content: 'Toggle dark mode',
placement: 'left'
});
const toggle = Object.assign(document.createElement('sl-icon-button'), {
name: isDark ? 'sun' : 'moon',
label: 'Toggle dark mode'
@@ -35,7 +39,8 @@
});
});
sidebarToggle.insertAdjacentElement('afterend', toggle);
tooltip.appendChild(toggle);
sidebarToggle.insertAdjacentElement('afterend', tooltip);
});
});
})();