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

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.1.0', version: '1.1.1',
author: 'CloudHill', author: 'CloudHill',
options: [ options: [
{ {

8
mods/outliner/panel.js
View File

@ -76,10 +76,11 @@ module.exports = (store, __exports) => {
const outlineHeader = createElement(` 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}" class="outline-link"
outline-placeholder="${placeholder}">${headerEl.innerHTML}</a> outline-placeholder="${placeholder}"></a>
</div> </div>
`); `);
outlineHeader.firstElementChild.innerHTML = headerEl.innerHTML;
outline.append(outlineHeader); outline.append(outlineHeader);
}) })
} }
@ -117,3 +118,6 @@ module.exports = (store, __exports) => {
} }
} }
} }