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

Modified tweak: Indentation lines (#215)

Browse Source 
* Update mod.js

Changed indentation lines to a select option

* Update styles.css

Styling for each line type

* Update mod.js

Re-added description

* Update mod.js

Added a description to the scroll database toolbars tweak
This commit is contained in:
Ryo Hilmawan 2020-11-06 10:01:19 +07:00 committed by GitHub
parent 50fcc2604b
commit 29be14801c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 33 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
mods/tweaks/mod.js
View File

@ -78,12 +78,17 @@ module.exports = {
key: 'indentation_lines',
label: 'indentation lines for bullets',
desc:
"adds vertical indentation/relationship lines to make bullet trees\
"adds vertical indentation or relationship lines to make bullet trees\
easier to follow",
type: 'select',
value: ['none', 'solid', 'dashed', 'dotted', 'soft'],
},
{
key: 'scroll_db_toolbars',
label: 'scroll database toolbars',
desc:
"allows scrolling database toolbars horizontally if\
part of the toolbar is hidden (hold shift while scrolling)",
type: 'toggle',
value: false,
},
@ -99,7 +104,6 @@ module.exports = {
'spaced_lines',
'hide_help',
'condensed_bullets',
'indentation_lines',
'scroll_db_toolbars'
]
.filter((tweak) => store()[tweak])
@ -119,6 +123,9 @@ module.exports = {
};
window.addEventListener('resize', addResponsiveBreakpoint);
addResponsiveBreakpoint();
if (store().indentation_lines !== 'none') {
document.body.dataset.tweaks += `[indentation_lines_${store().indentation_lines}]`
}
});
},
},

28
mods/tweaks/styles.css
View File

@ -54,10 +54,30 @@
margin-bottom: -1.5px !important;
}
[data-tweaks*='[indentation_lines]']
div.notion-selectable.notion-bulleted_list-block
> div > div > div.notion-selectable.notion-bulleted_list-block {
border-left: 1px dashed var(--theme--text_ui_info);
[data-tweaks*='[indentation_lines']
div.notion-selectable.notion-bulleted_list-block > div > div:last-child {
position: relative;
}
[data-tweaks*='[indentation_lines']
div.notion-selectable.notion-bulleted_list-block > div > div:last-child::before {
content: "";
position: absolute;
height: calc(100% - 2em);
top: 2em;
left: -14.48px;
border-left: 1px solid;
}
[data-tweaks*='[indentation_lines_dashed]']
div.notion-selectable.notion-bulleted_list-block > div > div:last-child::before {
border-left-style: dashed;
}
[data-tweaks*='[indentation_lines_dotted]']
div.notion-selectable.notion-bulleted_list-block > div > div:last-child::before {
border-left-style: dotted;
}
[data-tweaks*='[indentation_lines_soft]']
div.notion-selectable.notion-bulleted_list-block > div > div:last-child::before {
opacity: 0.25;
}
[data-tweaks*='[scroll_db_toolbars]'] .notion-frame > .notion-scroller > [style*="overflow: visible;"],