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

outliner fix inline page links not rendering right

Browse Source
This commit is contained in:
CloudHill 2020-12-07 16:52:14 +07:00
parent 67b396e511
commit 6a8006823f
3 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
mods/outliner/app.css
View File

@ -23,7 +23,7 @@
background: var(--theme--interactive_hover);
}
.outline-header a {
.outline-header .outline-link {
width: 100%;
height: 100%;
padding: 0 14px;
@ -36,16 +36,16 @@
text-overflow: ellipsis;
}
.outline-header a:empty:before {
.outline-header .outline-link:empty:before {
color: var(--theme--text_ui_info);
content: attr(outline-placeholder);
display: block;
}
.outline-header[header-level="2"] a {
.outline-header[header-level="2"] .outline-link {
text-indent: 18px;
}
.outline-header[header-level="3"] a {
.outline-header[header-level="3"] .outline-link {
text-indent: 36px;
}

2
mods/outliner/mod.js
View File

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

8
mods/outliner/panel.js
View File

@ -76,10 +76,11 @@ module.exports = (store, __exports) => {
const outlineHeader = createElement(`
<div class="outline-header" header-level="${placeholder.slice(-1)}">
<a href="${window.location.pathname}#${blockId}"
outline-placeholder="${placeholder}">${headerEl.innerHTML}</a>
<a href="${window.location.pathname}#${blockId}" class="outline-link"
outline-placeholder="${placeholder}"></a>
</div>
`);
outlineHeader.firstElementChild.innerHTML = headerEl.innerHTML;
outline.append(outlineHeader);
})
}
@ -117,3 +118,6 @@ module.exports = (store, __exports) => {
}
}
}