mirror of
https://github.com/notion-enhancer/notion-enhancer.git
synced 2025-04-05 13:19:03 +00:00
590d4d9595
* Update mod.js Added an option for scroll database toolbars * Update styles.css Added styling for scroll database toolbars
109 lines
2.9 KiB
JavaScript
109 lines
2.9 KiB
JavaScript
/*
|
|
* tweaks
|
|
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
|
* under the MIT license
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
module.exports = {
|
|
id: 'cf8a7b27-5a4c-4d45-a4cb-1d2bbc9e9014',
|
|
alwaysActive: true,
|
|
tags: ['core', 'extension'],
|
|
name: 'tweaks',
|
|
desc: 'common style/layout changes.',
|
|
version: '0.1.0',
|
|
author: 'dragonwocky',
|
|
options: [
|
|
{
|
|
key: 'dragarea_height',
|
|
label: 'height of frameless dragarea:',
|
|
desc: `the rectangle added at the top of a window in "integrated titlebar" mode,\
|
|
used to drag/move the window.`,
|
|
type: 'input',
|
|
value: 15,
|
|
platformOverwrite: {
|
|
darwin: 0,
|
|
},
|
|
},
|
|
{
|
|
key: 'responsive_breakpoint',
|
|
label: 'width to wrap columns at:',
|
|
desc: `the size in pixels below which in-page columns are resized to appear\
|
|
full width so content isn't squished.`,
|
|
type: 'input',
|
|
value: 600,
|
|
},
|
|
{
|
|
key: 'smooth_scrollbars',
|
|
label: 'integrated scrollbars',
|
|
desc:
|
|
"use scrollbars that fit better into notion's ui instead of the default chrome ones.",
|
|
type: 'toggle',
|
|
value: true,
|
|
},
|
|
{
|
|
key: 'snappy_transitions',
|
|
label: 'snappy transitions',
|
|
type: 'toggle',
|
|
value: false,
|
|
},
|
|
{
|
|
key: 'thicker_bold',
|
|
label: 'thicker bold text',
|
|
type: 'toggle',
|
|
value: true,
|
|
},
|
|
{
|
|
key: 'spaced_lines',
|
|
label: 'more readable line spacing',
|
|
type: 'toggle',
|
|
value: false,
|
|
},
|
|
{
|
|
key: 'hide_help',
|
|
label: 'hide help button',
|
|
type: 'toggle',
|
|
value: false,
|
|
},
|
|
{
|
|
key: 'scroll_db_toolbars',
|
|
label: 'scroll database toolbars',
|
|
type: 'toggle',
|
|
value: false,
|
|
},
|
|
],
|
|
hacks: {
|
|
'renderer/preload.js': (store, __exports) => {
|
|
document.addEventListener('readystatechange', (event) => {
|
|
if (document.readyState !== 'complete') return false;
|
|
document.body.dataset.tweaks = [
|
|
'smooth_scrollbars',
|
|
'snappy_transitions',
|
|
'thicker_bold',
|
|
'spaced_lines',
|
|
'hide_help',
|
|
'scroll_db_toolbars',
|
|
]
|
|
.filter((tweak) => store()[tweak])
|
|
.map((tweak) => `[${tweak}]`)
|
|
.join('');
|
|
document.documentElement.style.setProperty(
|
|
'--configured--dragarea_height',
|
|
`${store().dragarea_height + 2}px`
|
|
);
|
|
const addResponsiveBreakpoint = () => {
|
|
document.body.dataset.tweaks = document.body.dataset.tweaks.replace(
|
|
/\[responsive_breakpoint\]/g,
|
|
''
|
|
);
|
|
if (window.outerWidth <= store().responsive_breakpoint)
|
|
document.body.dataset.tweaks += '[responsive_breakpoint]';
|
|
};
|
|
window.addEventListener('resize', addResponsiveBreakpoint);
|
|
addResponsiveBreakpoint();
|
|
});
|
|
},
|
|
},
|
|
};
|