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

tweak: hide empty sidebar arrow (#319)

Browse Source
This commit is contained in:
Emir 2020-12-10 07:55:04 +03:00 committed by GitHub
parent b48efb2f39
commit 5305c0b9b0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 56 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
mods/tweaks/app.css
View File

@ -1,6 +1,7 @@
/*
* tweaks
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
* (c) 2020 admiraldus (https://github.com/admiraldus)
* under the MIT license
*/
@ -34,6 +35,15 @@
display: none !important;
}
[data-tweaks*='[hide_empty_sidebar_arrow]'] .tweaks-arrow {
opacity: 0 !important;
transition: opacity .2s ease !important;
}
[data-tweaks*='[hide_empty_sidebar_arrow]'] .notion-sidebar [data-block-id]:hover .tweaks-arrow {
opacity: 1 !important;
}
[data-tweaks*='[thicker_bold]']
.notion-page-content
span[style*='font-weight:600'] {
@ -56,9 +66,9 @@
[data-tweaks*='[scroll_db_toolbars]'] .notion-frame > .notion-scroller > [style*="overflow: visible;"],
[data-tweaks*='[scroll_db_toolbars]'] .notion-page-content .notion-collection_view-block > :first-child {
overflow-x: auto !important;
overflow-x: auto !important;
}
[data-tweaks*='[scroll_db_toolbars]'] .notion-frame > .notion-scroller > [style*="overflow: visible;"]::-webkit-scrollbar,
[data-tweaks*='[scroll_db_toolbars]'] .notion-page-content .notion-collection_view-block > :first-child::-webkit-scrollbar {
display: none;
display: none;
}

45
mods/tweaks/mod.js
View File

@ -1,6 +1,7 @@
/*
* tweaks
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
* (c) 2020 admiraldus (https://github.com/admiraldus)
* under the MIT license
*/
@ -12,7 +13,7 @@ module.exports = {
tags: ['core', 'extension'],
name: 'tweaks',
desc: 'common style/layout changes.',
version: '0.1.0',
version: '0.2.0',
author: 'dragonwocky',
options: [
{
@ -66,6 +67,14 @@ module.exports = {
type: 'toggle',
value: false,
},
{
key: 'hide_empty_sidebar_arrow',
label: 'hide empty sidebar arrow',
desc:
'if the page does not have any subpages, hide the left arrow of the page in the sidebar.',
type: 'toggle',
value: false,
},
{
key: 'condensed_bullets',
label: 'condense bullet points',
@ -114,6 +123,40 @@ module.exports = {
};
window.addEventListener('resize', addResponsiveBreakpoint);
addResponsiveBreakpoint();
const hideEmptyPageArrow = () => {
if (store().hide_empty_sidebar_arrow) {
if (document.querySelector('.notion-sidebar') !== null) {
const sidebar = document.querySelector('.notion-sidebar');
const sidebarObserver = new MutationObserver(() => {
const text_values = ['No pages inside', '하위 페이지가 없습니다'];
const div_elems = sidebar.querySelectorAll('[data-block-id] div[style*="color"]');
const empty_elems = Array.from(div_elems).filter(
(div) => text_values.some(text => div.textContent === text));
Array.from(empty_elems).forEach((empty) => {
empty.closest('[data-block-id]')
.querySelector('a > div > div > div > div[role="button"]:not(.notion-record-icon)')
.classList.add('tweaks-arrow');
});
const tweak_arrows = document.querySelectorAll('.tweaks-arrow');
tweak_arrows.forEach((arrow) => {
if (arrow.closest('[data-block-id]').querySelector('[data-block-id]') !== null) {
arrow.classList.remove('tweaks-arrow');
}
});
});
sidebarObserver.observe(sidebar,{subtree: true, childList: true});
document.body.dataset.tweaks += '[hide_empty_sidebar_arrow]';
} else {
setTimeout(hideEmptyPageArrow, 500);
}
}
};
hideEmptyPageArrow();
});
},
},