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

outliner now follows the headers' inline styling

Browse Source
This commit is contained in:
CloudHill 2020-12-07 16:26:40 +07:00
parent 927ba69695
commit 67b396e511
2 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
mods/outliner/mod.js
View File

@ -14,7 +14,7 @@ module.exports = {
tags: ['extension', 'panel'], tags: ['extension', 'panel'],
name: 'outliner', name: 'outliner',
desc: 'table of contents.', desc: 'table of contents.',
version: '1.0.0', version: '1.1.0',
author: 'CloudHill', author: 'CloudHill',
options: [ options: [
{ {

14
mods/outliner/panel.js
View File

@ -69,16 +69,18 @@ module.exports = (store, __exports) => {
const pageContent = document.querySelector('.notion-page-content'); const pageContent = document.querySelector('.notion-page-content');
const headerBlocks = pageContent.querySelectorAll('[class*="header-block"]'); const headerBlocks = pageContent.querySelectorAll('[class*="header-block"]');
headerBlocks.forEach(block => { headerBlocks.forEach(header => {
const blockId = block.dataset.blockId.replace(/-/g, ''); const blockId = header.dataset.blockId.replace(/-/g, '');
const placeholder = block.querySelector('[placeholder]').getAttribute('placeholder'); const headerEl = header.querySelector('[placeholder]');
const header = createElement(` const placeholder = headerEl.getAttribute('placeholder');
const outlineHeader = createElement(`
<div class="outline-header" header-level="${placeholder.slice(-1)}"> <div class="outline-header" header-level="${placeholder.slice(-1)}">
<a href="${window.location.pathname}#${blockId}" <a href="${window.location.pathname}#${blockId}"
outline-placeholder="${placeholder}">${block.innerText}</a> outline-placeholder="${placeholder}">${headerEl.innerHTML}</a>
</div> </div>
`); `);
outline.append(header); outline.append(outlineHeader);
}) })
} }