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

prevent the outliner's styles from being overriden

Browse Source
This commit is contained in:
CloudHill 2020-12-03 22:17:51 +07:00
parent 790dac681c
commit b04e3dc5f7
2 changed files with 8 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
mods/outliner/app.css
View File

@ -37,21 +37,18 @@
.outline-header a:empty:before {
color: var(--theme--text_ui_info);
content: attr(placeholder);
content: attr(outline-placeholder);
display: block;
}
.outline-header.notion-header-block a {
text-indent: 0;
}
.outline-header.notion-sub_header-block a {
.outline-header[header-level="2"] a {
text-indent: 18px;
}
.outline-header.notion-sub_sub_header-block a {
.outline-header[header-level="3"] a {
text-indent: 36px;
}
.outliner[lined] .notion-sub_header-block::before,
.outliner[lined] .notion-sub_sub_header-block::before {
.outliner[lined] .outline-header:not([header-level="1"])::before {
content: "";
border-left: solid 1px var(--theme--text_ui_info);
height: 2.2em;
@ -60,7 +57,7 @@
left: 18px;
pointer-events: none;
}
.outliner[lined] .notion-sub_sub_header-block::before {
.outliner[lined] .outline-header[header-level="3"]::before {
border-right: solid 1px var(--theme--text_ui_info);
width: 18px;
}

4
mods/outliner/panel.js
View File

@ -73,9 +73,9 @@ module.exports = (store) => {
const blockId = block.dataset.blockId.replace(/-/g, '');
const placeholder = block.querySelector('[placeholder]').getAttribute('placeholder');
const header = createElement(`
<div class="outline-header ${block.classList[1]}">
<div class="outline-header" header-level="${placeholder.slice(-1)}">
<a href="${window.location.pathname}#${blockId}"
placeholder="${placeholder}">${block.innerText}</a>
outline-placeholder="${placeholder}">${block.innerText}</a>
</div>
`);
outline.append(header);