dragonwocky/notion-enhancer
1
0
Fork 0
mirror of https://github.com/notion-enhancer/notion-enhancer.git synced 2025-04-05 21:29:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

topbar icons: more specific selectors

Browse Source 
+ fixes compatibility with global links mod
This commit is contained in:
CloudHill 2020-12-14 20:57:26 +07:00
parent c21fe3e2f1
commit 21552ee041
2 changed files with 15 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
mods/topbar-icons/app.css
View File

@ -10,7 +10,7 @@
padding: 0 7px !important; padding: 0 7px !important;
} }
.notion-topbar-icon:not(:first-child) > *:not(div) { .notion-topbar-icon:not(.notion-topbar-share-menu) > *:not(div) {
display: none !important; display: none !important;
} }

24
mods/topbar-icons/mod.js
View File

@ -37,7 +37,7 @@ module.exports = {
value: true, value: true,
}, },
], ],
version: '1.0.0', version: '1.1.0',
author: 'CloudHill', author: 'CloudHill',
hacks: { hacks: {
'renderer/preload.js'(store, __exports) { 'renderer/preload.js'(store, __exports) {
@ -96,22 +96,26 @@ module.exports = {
} }
async function setIcons(buttons) { async function setIcons(buttons) {
const buttonList = buttons.children; const $shareButton = buttons.querySelector('.notion-topbar-share-menu');
if (store().share) { if (store().share) {
buttonList[0].classList.add('notion-topbar-icon'); $shareButton.classList.add('notion-topbar-icon');
buttonList[0].innerHTML = await icons.share; $shareButton.innerHTML = await icons.share;
} }
const elements = { const elements = {
updates: buttonList[1], updates: $shareButton.nextElementSibling,
favorite: buttonList[2], favorite: $shareButton.nextElementSibling.nextElementSibling,
}; };
for (let btn of icons.selected) { for (let btn of icons.selected) {
elements[btn].classList.add('notion-topbar-icon') elements[btn].classList.add('notion-topbar-icon')
elements[btn].prepend( elements[btn].prepend(
createElement( createElement(`
`<div>${(await icons[btn].off).toString()} <div>
${(await icons[btn].on).toString()}</div>` ${(await icons[btn].off)}
) ${(await icons[btn].on)}
</div>
`)
); );
} }
} }