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

Update mod.js

Browse Source
This commit is contained in:
Ryo Hilmawan 2020-11-03 18:47:39 +07:00 committed by GitHub
parent b671451261
commit 5f8e3cc332
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
mods/property-layout/mod.js
View File

@ -43,9 +43,14 @@ module.exports = {
'propertylayout-hidden' 'propertylayout-hidden'
); );
const toggle = createElement( const toggle = createElement(
'<button class="propertylayout-toggle" data-action="show">properties</button>' '<button class="propertylayout-toggle" data-action="show">Properties</button>'
);
toggle.prepend(
createElement('<svg viewBox="0 0 100 100" class="triangle"><polygon points="5.9,88.2 50,11.8 94.1,88.2 "></polygon></svg>')
); );
toggle.addEventListener('click', (event) => { toggle.addEventListener('click', (event) => {
properties.style.maxHeight = properties.children[0].offsetHeight + 'px';
setTimeout(() => {
properties.classList.toggle('propertylayout-hidden'); properties.classList.toggle('propertylayout-hidden');
toggle.setAttribute( toggle.setAttribute(
'data-action', 'data-action',
@ -53,6 +58,14 @@ module.exports = {
? 'show' ? 'show'
: 'hide' : 'hide'
); );
}, 0);
});
const propObserver = new MutationObserver(() => {
properties.style.maxHeight = '';
});
propObserver.observe(properties, {
childList: true,
subtree: true,
}); });
if (properties.previousElementSibling) { if (properties.previousElementSibling) {
properties.previousElementSibling.append(toggle); properties.previousElementSibling.append(toggle);