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

outliner: add option to show indentation lines

Browse Source
This commit is contained in:
CloudHill 2020-12-02 22:10:05 +07:00
parent b7e80cf25b
commit 3b08e51dcb
3 changed files with 25 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
mods/outliner/app.css
View File

@ -49,3 +49,18 @@
.outline-header.notion-sub_sub_header-block a {
text-indent: 36px;
}
.outliner[lined] .notion-sub_header-block::before,
.outliner[lined] .notion-sub_sub_header-block::before {
content: "";
border-left: solid 1px;
height: 2.2em;
opacity: 0.25;
position: absolute;
left: 18px;
pointer-events: none;
}
.outliner[lined] .notion-sub_sub_header-block::before {
border-right: solid 1px;
width: 18px;
}

6
mods/outliner/mod.js
View File

@ -17,6 +17,12 @@ module.exports = {
version: '1.0.0',
author: 'CloudHill',
options: [
{
key: 'lined',
label: 'indentation lines',
type: 'toggle',
value: true
},
{
key: 'fullHeight',
label: 'full height',

2
mods/outliner/panel.js
View File

@ -64,6 +64,7 @@ module.exports = (store) => {
const outline = document.querySelector('.outliner');
if (!outline) return;
outline.textContent = '';
if (store.lined) outline.setAttribute('lined', '');
const pageContent = document.querySelector('.notion-page-content');
const headerBlocks = pageContent.querySelectorAll('[class*="header-block"]');
@ -77,7 +78,6 @@ module.exports = (store) => {
placeholder="${placeholder}">${block.innerText}</a>
</div>
`);
outline.append(header);
})
}