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

21
mods/outliner/app.css
View File

@ -4,7 +4,7 @@
* (c) 2020 CloudHill * (c) 2020 CloudHill
* under the MIT license * under the MIT license
*/ */
.outliner { .outliner {
max-height: 100%; max-height: 100%;
overflow: hidden auto; overflow: hidden auto;
@ -29,7 +29,7 @@
line-height: 2.2; line-height: 2.2;
color: inherit; color: inherit;
text-decoration: none; text-decoration: none;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -48,4 +48,19 @@
} }
.outline-header.notion-sub_sub_header-block a { .outline-header.notion-sub_sub_header-block a {
text-indent: 36px; 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', version: '1.0.0',
author: 'CloudHill', author: 'CloudHill',
options: [ options: [
{
key: 'lined',
label: 'indentation lines',
type: 'toggle',
value: true
},
{ {
key: 'fullHeight', key: 'fullHeight',
label: 'full height', label: 'full height',

2
mods/outliner/panel.js
View File

@ -64,6 +64,7 @@ module.exports = (store) => {
const outline = document.querySelector('.outliner'); const outline = document.querySelector('.outliner');
if (!outline) return; if (!outline) return;
outline.textContent = ''; outline.textContent = '';
if (store.lined) outline.setAttribute('lined', '');
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"]');
@ -77,7 +78,6 @@ module.exports = (store) => {
placeholder="${placeholder}">${block.innerText}</a> placeholder="${placeholder}">${block.innerText}</a>
</div> </div>
`); `);
outline.append(header); outline.append(header);
}) })
} }