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

update property-layout mod to notion's changes

Browse Source
This commit is contained in:
dragonwocky 2020-08-28 09:13:34 +10:00
parent 0081e3b1a1
commit 2eee02cfbd
Signed by: dragonwocky
GPG Key ID: C7A48B7846AA706D
3 changed files with 30 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -30,27 +30,33 @@ module.exports = {
function process(list) {
queue = [];
let properties = document.querySelector(
'.notion-scroller.vertical > div:nth-child(2)[style="width: 100%; font-size: 14px;"]'
'.notion-scroller.vertical > div > div:nth-child(2) [style="width: 100%; font-size: 14px;"]'
);
if (properties) {
if (!properties.classList.contains('propertylayout-enhanced')) {
properties.classList.add(
'propertylayout-enhanced',
if (
properties &&
!properties.classList.contains('propertylayout-enhanced')
) {
properties.classList.add(
'propertylayout-enhanced',
'propertylayout-hidden'
);
const toggle = document.createElement('button');
toggle.classList.add('propertylayout-toggle');
toggle.setAttribute('data-action', 'show');
toggle.innerText = '→ show properties';
toggle.addEventListener('click', (event) => {
properties.classList.toggle('propertylayout-hidden');
const action = properties.classList.contains(
'propertylayout-hidden'
);
const toggle = document.createElement('button');
toggle.classList.add('propertylayout-toggle');
toggle.innerText = '→ show properties';
toggle.addEventListener('click', (event) => {
properties.classList.toggle('propertylayout-hidden');
toggle.innerText = `→ ${
properties.classList.contains('propertylayout-hidden')
? 'show'
: 'hide'
} properties`;
});
)
? 'show'
: 'hide';
toggle.innerText = `→ ${action} properties`;
toggle.setAttribute('data-action', action);
});
if (properties.previousElementSibling) {
properties.previousElementSibling.append(toggle);
}
} else properties.parentElement.prepend(toggle);
}
}
});

6
mods/property-layout/styles.css
View File

@ -13,7 +13,6 @@
width: calc(100% - (2 * (96px + env(safe-area-inset-left))));
text-align: left;
font-size: 0.85em;
margin-bottom: 1em;
padding: 0.25em;
background: transparent;
color: var(--theme--text_ui);
@ -21,11 +20,14 @@
border-radius: 2px;
transition: background 200ms;
}
.propertylayout-toggle[data-action='show'] {
margin-bottom: 1em;
}
[style*='width: 900px'] + .propertylayout-toggle {
width: calc(900px - (2 * (96px + env(safe-area-inset-left))));
}
.notion-peek-renderer .propertylayout-toggle {
width: calc(100% - (2 * var(--theme--preview-padding)));
width: 100%;
}
.propertylayout-toggle:hover {
background: var(--theme--interactive_hover);

3
package.json
View File

@ -7,7 +7,8 @@
"notion-enhancer": "bin.js"
},
"scripts": {
"test": "echo \"no test specified\""
"test": "echo \"no test specified\"",
"preuninstall": "notion-enhancer remove -y"
},
"repository": {
"type": "git",