dragonwocky/notion-enhancer
1
0
Fork 0
mirror of https://github.com/notion-enhancer/notion-enhancer.git synced 2025-04-06 05:29:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

properly align rtl bullet points/checkboxes #55

Browse Source 
though more performant, this also limits rtl to page content
This commit is contained in:
dragonwocky 2020-09-17 14:37:04 +10:00
parent 525ff40bb3
commit bb3439429f
2 changed files with 43 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
repo/core/css/theme.css
View File

@ -45,6 +45,12 @@
[style*='pointer-events:'][style*='max-width: 100%; width: 100%'] {
width: var(--theme--page_full-width) !important;
}
.notion-frame .notion-scroller [style*='padding-left: 136.5px;'] {
padding-left: 0 !important;
}
.notion-frame .notion-scroller [style*='padding-right: 136.5px;'] {
padding-right: 0 !important;
}
.notion-peek-renderer
.notion-scroller.vertical

52
repo/right-to-left/mod.js
View File

@ -12,33 +12,55 @@ module.exports = {
tags: ['extension'],
name: 'right-to-left',
desc: 'enables auto rtl/ltr text direction detection.',
version: '1.3.0',
version: '1.4.0',
author: 'obahareth',
hacks: {
'renderer/preload.js'(store, __exports) {
function alignPageContentToRight() {
document
.querySelectorAll(
'.notion-page-content > div[data-block-id]:not([dir])'
)
.forEach((block) => block.setAttribute('dir', 'auto'));
document
.querySelectorAll("div[placeholder='List'], div[placeholder='To-do']")
.forEach((item) => {
item.style['text-align'] = '-webkit-auto';
});
}
document.addEventListener('readystatechange', (event) => {
if (document.readyState !== 'complete') return false;
let queue = [];
const observer = new MutationObserver((list, observer) => {
if (!queue.length) requestAnimationFrame(() => process(queue));
queue.push(...list);
});
observer.observe(document.body, {
const DOCUMENT_OBSERVER = new MutationObserver((list, observer) => {
if (!queue.length) requestIdleCallback(() => process(queue));
queue.push(...list);
}),
PAGE_OBSERVER = new MutationObserver(alignPageContentToRight);
DOCUMENT_OBSERVER.observe(document.body, {
childList: true,
subtree: true,
characterData: true,
});
function process(list) {
queue = [];
for (let { target } of list) {
if (!target.innerText) continue;
if (target.getAttribute('dir') !== 'auto')
target.setAttribute('dir', 'auto');
for (let { addedNodes } of list) {
if (
getComputedStyle(target).getPropertyValue('text-align') !==
'start'
)
target.style.setProperty('text-align', 'start');
addedNodes[0] &&
addedNodes[0].className === 'notion-page-content'
) {
alignPageContentToRight();
const $page = document.getElementsByClassName(
'notion-page-content'
)[0];
if ($page) {
PAGE_OBSERVER.disconnect();
PAGE_OBSERVER.observe($page, {
childList: true,
subtree: false,
});
}
}
}
}
});