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

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

4
mods/outliner/panel.js
View File

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