diff --git a/CHANGELOG.md b/CHANGELOG.md index aaff098..6653491 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,7 +5,11 @@ - [highlight/mark viewer](https://chrome.google.com/webstore/detail/notion%2B-mark-manager/hipgmnlpnimedfepbfbfiaobohhffcfc) - [advanced math editor](https://github.com/Manueloccorso/NotionMathEditor_BrowserExtension) -### v0.10.0 (wip) +### v0.10.1 (wip) + +- bugfix: disable fadein of selected block halo with snappy transitions. + +### v0.10.0 (2020-11-02) a flexibility update. @@ -51,8 +55,10 @@ a flexibility update. so system dark/light mode can be properly detected. - bugfix: make ctrl+f popover shadow less extreme. - bugfix: "weekly" calendar view name made case insensitive. +- bugfix: re-show hidden windows when clicking on the dock. - tweak: sticky table/list rows. - theme: "material ocean" = an oceanic colour palette. +- theme: "cherry cola" = a delightfully plummy, cherry cola flavored theme. - theme: "dracula" = a theme based on the popular dracula color palette originally by zeno rocha and friends. - extension: "tabs" = have multiple notion pages open in a single window. tabs can be controlled @@ -70,6 +76,8 @@ a flexibility update. a fork of notion-deb-builder that does generate an app.asar has been created and is once again supported. +> 📥 `npm i -g notion-enhancer@0.10.0` + ### v0.9.1 (2020-09-26) - bugfix: font chooser will continue iterating through fonts after encountering a blank option. diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index 035439f..f381af8 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -46,7 +46,7 @@ npm unlink ## conventions -the enhancer can be categorised as a **core** extended by included **modules**. +the enhancer is a **core** extended by included **modules**. the core can be further split into the **installer** and the **modloader**. modules are either **extensions** or **themes**. diff --git a/DOCUMENTATION.md b/DOCUMENTATION.md index 7125130..d47411c 100644 --- a/DOCUMENTATION.md +++ b/DOCUMENTATION.md @@ -51,9 +51,14 @@ module.exports = { options?: Array<{ key: String, label: String, - description?: String, + desc?: String, type: String in ['toggle', 'select', 'input', 'file'], - value: Boolean or Array or String or Number or null + value: Boolean or Array or String or Number or null, + platformOverwrite?: { + darwin?: Boolean or Array or String or Number or null, + win32?: Boolean or Array or String or Number or null, + linux?: Boolean or Array or String or Number or null, + } }>, fonts: Array of font_urls, hacks?: { @@ -95,14 +100,15 @@ if you'd rather customise this, pass this object: #### options -| key | value | type | -| ----------- | ---------------------------------------------------------------------------------------- | ----------------- | -| key | **required:** key to save value to the mod `store` | _string_ | -| label | **required:** short description/name of option to be shown in menu | _string_ | -| description | **optional:** extended information to be shown on hover | _string_ | -| type | **required:** input type (see below) | _string_ | -| extensions | **optional:** allowed file extensions (only use with a file option), e.g. `['js', 'ts']` | _array\_ | -| value | **optional:** default or possible value/s for option | see below | +| key | value | type | +| ----------------- | ---------------------------------------------------------------------------------------- | ------------------------- | +| key | **required:** key to save value to the mod `store` | _string_ | +| label | **required:** short description/name of option to be shown in menu | _string_ | +| desc | **optional:** extended information to be shown on hover | _string_ | +| type | **required:** input type (see below) | _string_ | +| extensions | **optional:** allowed file extensions (only use with a file option), e.g. `['js', 'ts']` | _array\_ | +| value | **optional:** default or possible value/s for option | see below | +| platformOverwrite | **optional:** remove the option from the menu and force a value on a specific platform | __ as shown above | | type | value | | ------ | -------------------- | diff --git a/README.md b/README.md index 1decf7e..06e883b 100644 --- a/README.md +++ b/README.md @@ -46,7 +46,6 @@ then execute the following lines in the terminal: ``` sudo chmod -R a+wr /usr/local/lib/node_modules sudo chmod -R a+wr /usr/local/bin -sudo chmod -R a+wr /Applications/Notion/Contents/Resources sudo chmod -R a+wr /Applications/Notion.app/Contents/Resources npm i -g notion-enhancer ``` @@ -92,41 +91,43 @@ For more info, run any command with the `--help` flag: Options: -y, --yes : skip prompts (may overwrite data) -n, --no : skip prompts (may cause failures) - -d, --dev : show detailed error messages (not recommended) + -d, --dev : show detailed error messages (for debug purposes) -h, --help : display usage information -v, --version : display version number ``` ### faq -**the themes aren't working?** +**when will the update be out?** +i code this in my free time, in-between my other commitments. there are no ETAs. +**the themes aren't working?** if you pick a dark theme it will only be applied if notion is in dark mode, and if you pick a light theme it will only work if notion is in light mode. do `CMD/CTRL+SHIFT+L` to toggle between them. **is this against notion's terms of service? can i get in trouble for using it?** - definitely not! i contacted their support team to check, and the response was awesome: -"Thanks for taking the time to share this with us. Userscripts and userstyles are definitely -cool ideas and would be helpful for many users! ... I'll also share this with the rest of the -team to take to heart for future improvements." +> "Thanks for taking the time to share this with us. Userscripts and userstyles are definitely +> cool ideas and would be helpful for many users! ... I'll also share this with the rest of the +> team to take to heart for future improvements." + +**how do i uninstall the enhancer?** +run `npm remove -g notion-enhancer`. ## features most of the enhancer's functionality is split into configurable enhancement modules, -but some basic improvements are built in by default: +but some basic improvements necessary for things to work are built in by values: - the notion:// url scheme/protocol is patched to work on linux. -- in-page columns are disabled/wrapped and pages are wider when - the window is narrower than 600px for improved responsiveness. - a tray/menubar icon: links relevant to the enhancer + buttons to manage notion windows. once applied, modules can be configured via the graphical menu, which is opened from the tray/menubar icon or with `OPTION/ALT+E`. -![](https://user-images.githubusercontent.com/16874139/93692603-954fd980-fb38-11ea-9d52-82ac53449d33.png) +![](https://user-images.githubusercontent.com/16874139/97819046-34e8b600-1cfa-11eb-8fa6-a3ad5374cd0b.png) currently all modules come pre-installed for technical reasons, security assurance, and ease-of-use. these include: @@ -137,21 +138,57 @@ these include: **description:** the cli, modloader, menu, & tray. -**author**: [dragonwocky](https://github.com/dragonwocky/) +**author:** [dragonwocky](https://github.com/dragonwocky/) -| option | type | default | -| ----------------------------- | --------------------------------------------------------------------------------------------- | -------------------------- | -| hide app on open | toggle | no | -| auto-maximise windows | toggle | no | -| close window to the tray | toggle | yes | -| integrated titlebar | toggle | yes | -| height of frameless dragarea | number input | `15` | -| tiling window manager mode | toggle | no | -| integrated scrollbars | toggle | yes | -| window display hotkey | [accelerator](https://github.com/electron/electron/blob/master/docs/api/accelerator.md) input | `CommandOrControl+Shift+A` | -| open enhancements menu hotkey | [accelerator](https://github.com/electron/electron/blob/master/docs/api/accelerator.md) input | `Alt+E` | +| option | extended description | type | values/defaults | platform-specific details | +| ----------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------- | -------------------------- | ------------------------- | +| auto-resolve theme conflicts | when a theme is enabled any other themes of the same mode (light/dark) will be disabled. | toggle | no | | +| hide app on open | app can be made visible by clicking the tray icon or using the hotkey. | toggle | no | | +| auto-maximise windows | whenever a window is un-hidden or is created it will be maximised. | toggle | no | | +| close window to the tray | pressing the × close button will hide the app instead of quitting it. it can be re-shown by clicking the tray icon or using the hotkey. | toggle | yes | | +| integrated titlebar | replace the native titlebar with buttons inset into the app. | toggle | yes | macOS: forced on | +| tiling window manager mode | completely remove the close/minimise/maximise buttons - this is for a special type of window manager. if you don't understand it, don't use it. | toggle | no | macOS: forced off | +| window display hotkey | used to toggle hiding/showing all app windows. | [accelerator](https://github.com/electron/electron/blob/master/docs/api/accelerator.md) input | `CommandOrControl+Shift+A` | | +| open enhancements menu hotkey | used to toggle opening/closing this menu while notion is focused. | [accelerator](https://github.com/electron/electron/blob/master/docs/api/accelerator.md) input | `Alt+E` | | +| values/defaults page id/url | every new tab/window that isn't opening a url via the notion:// protocol will load this page. to get a page link from within the app, go to the triple-dot menu and click "copy link". leave blank to just load the last page you opened. | text input | `Alt+E` | | -![](https://user-images.githubusercontent.com/16874139/93667628-c98cb100-faca-11ea-85e2-5fdca2a93a36.png) +![](https://user-images.githubusercontent.com/16874139/97819249-7a59b300-1cfb-11eb-99fa-de945fe8e3d9.png) + +### tabs + +**tags:** #core #extension + +**description:** have multiple notion pages open in a single window. + +**author:** [dragonwocky](https://github.com/dragonwocky/) + +| option | type | values/defaults | +| --------------------------------------------------------------------- | --------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------- | +| tab select modifier (key+1, +2, +3, ... +9 and key+left/right arrows) | select | `Alt`, `Command`, `Control`, `Super`, `Alt+Shift`, `Command+Shift`, `Control+Shift`, `Super+Shift` | +| new tab keybinding | [accelerator](https://github.com/electron/electron/blob/master/docs/api/accelerator.md) input | `CommandOrControl+T` | +| close tab keybinding | [accelerator](https://github.com/electron/electron/blob/master/docs/api/accelerator.md) input | `CommandOrControl+W` | + +![](https://user-images.githubusercontent.com/16874139/97821456-9dd62b00-1d06-11eb-8c3a-e9f77bbd740e.png) + +### tweaks + +**tags:** #core #extension + +**description:** common style/layout changes. + +**author:** [dragonwocky](https://github.com/dragonwocky/) + +| option | extended description | type | values/defaults | platform-specific details | +| ---------------------------- | ---------------------------------------------------------------------------------------------------------- | ------------ | --------------- | ------------------------- | +| height of frameless dragarea | the rectangle added at the top of a window in "integrated titlebar" mode, used to drag/move the window. | number input | 15 | macOS: forced to 0 | +| width to wrap columns at | the size in pixels below which in-page columns are resized to appear full width so content isn't squished. | number input | 600 | | +| integrated scrollbars | use scrollbars that fit better into notion's ui instead of the default chrome ones. | toggle | yes | | +| snappy transitions | | toggle | no | | +| thicker bold text | | toggle | yes | | +| more readable line spacing | | toggle | no | | +| hide help button | | toggle | no | | + +![](https://user-images.githubusercontent.com/16874139/97819829-1638ee00-1cff-11eb-80c6-f270c2ba0f37.png) ### always on top @@ -160,9 +197,9 @@ these include: **description:** add an arrow/button to show the notion window on top of other windows even if it's not focused. -**author**: [dragonwocky](https://github.com/dragonwocky/) +**author:** [dragonwocky](https://github.com/dragonwocky/) -![](https://user-images.githubusercontent.com/16874139/93692700-ad742880-fb39-11ea-9650-57a61e15a37e.png) +![](https://user-images.githubusercontent.com/16874139/97820478-79784f80-1d02-11eb-9e32-caac4563d8f0.png) ### bracketed links @@ -170,9 +207,9 @@ on top of other windows even if it's not focused. **description:** render links surrounded with \[\[brackets]] instead of underlined. -**author**: [arecsu](https://github.com/arecsu/) +**author:** [arecsu](https://github.com/arecsu/) -![](https://user-images.githubusercontent.com/16874139/93692762-5458c480-fb3a-11ea-94e4-b7cbfab24274.png) +![](https://user-images.githubusercontent.com/16874139/97820501-9f9def80-1d02-11eb-8ad8-b1ddf1ed9599.png) ### bypass preview @@ -190,7 +227,17 @@ on top of other windows even if it's not focused. **author:** [dragonwocky](https://github.com/dragonwocky/) -![](https://user-images.githubusercontent.com/16874139/93692788-ce894900-fb3a-11ea-8b65-8fc6c955fe6d.png) +![](https://user-images.githubusercontent.com/16874139/97820611-fe636900-1d02-11eb-8f78-0536103e25aa.png) + +### cherry cola + +**tags:** #theme #dark + +**description:** a delightfully plummy, cherry cola flavored theme. + +**author:** [runargs](https://github.com/runargs) + +![](https://user-images.githubusercontent.com/16874139/97819898-9fe8bb80-1cff-11eb-846f-1a66e0302ebd.png) ### custom inserts @@ -199,7 +246,7 @@ on top of other windows even if it's not focused. **description:** link files for small client-side tweaks. (not sure how to do something? check out the [tweaks](https://github.com/dragonwocky/notion-enhancer/blob/master/TWEAKS.md) collection.) -**author**: [dragonwocky](https://github.com/dragonwocky/) +**author:** [dragonwocky](https://github.com/dragonwocky/) | option | type | | --------------------- | ---- | @@ -214,11 +261,21 @@ on top of other windows even if it's not focused. **author:** [dragonwocky](https://github.com/dragonwocky/) -| option | type | default | +| option | type | values/defaults | | -------------- | ----- | ------------------ | | primary colour | color | `rgb(177, 24, 24)` | -![](https://user-images.githubusercontent.com/16874139/93667588-84687f00-faca-11ea-86c9-7d05325a22a1.png) +![](https://user-images.githubusercontent.com/16874139/97820632-19ce7400-1d03-11eb-85a9-87f6d957dc96.png) + +### dracula + +**tags:** #theme #dark + +**description:** a theme based on the popular dracula color palette originally by zeno rocha and friends. + +**author:** [dracula](https://github.com/dracula/) + +![](https://user-images.githubusercontent.com/16874139/97820175-04f0e100-1d01-11eb-9ede-b6e033a28cbc.png) ### emoji sets @@ -228,11 +285,11 @@ on top of other windows even if it's not focused. **author:** [dragonwocky](https://github.com/dragonwocky/) -| option | type | values | -| ------ | ------ | -------------------------------------------------------------------------------------------------------------------------- | -| style | select | twitter, apple, google, microsoft, samsung, whatsapp, facebook, joypixels, openmoji, emojidex, messenger, lg, htc, mozilla | +| option | type | values/defaults | +| ------ | ------ | --------------------------------------------------------------------------------------------------------------- | +| style | select | twitter, apple, google, microsoft, samsung, whatsapp, facebook, joypixels, openmoji, emojidex, lg, htc, mozilla | -![](https://user-images.githubusercontent.com/16874139/93693543-8111d980-fb44-11ea-8491-d2780d66deb5.png) +![](https://user-images.githubusercontent.com/16874139/97820652-3f5b7d80-1d03-11eb-80a6-34089b946711.png) ### focus mode @@ -242,7 +299,11 @@ on top of other windows even if it's not focused. **author:** [arecsu](https://github.com/arecsu/) -![](https://user-images.githubusercontent.com/16874139/93694447-2336bf00-fb4f-11ea-82f3-84c14e000602.png) +| option | extended description | type | values/defaults | +| --------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------ | --------------- | +| add padding to bottom of the page | will only take effect when the sidebar is hidden. aims to make the canvas as symmetrical/consistent as possible: if there is empty space on 3 sides, the 4th should follow. | toggle | on | + +![](https://user-images.githubusercontent.com/16874139/97820337-da535800-1d01-11eb-9df5-55567cba2cc4.png) ### font chooser @@ -260,7 +321,7 @@ the font you would like to use, or leave it blank to not change anything. | monospace | text input | | code | text input | -![](https://user-images.githubusercontent.com/16874139/93692940-c29e8680-fb3c-11ea-9701-ad1844832a66.png) +![](https://user-images.githubusercontent.com/16874139/97820678-61ed9680-1d03-11eb-8f9f-54c1c5faf25e.png) ### gameish @@ -270,17 +331,7 @@ the font you would like to use, or leave it blank to not change anything. **author:** [LVL100ShrekCultist](https://reddit.com/user/LVL100ShrekCultist/) -![](https://user-images.githubusercontent.com/16874139/93667677-1bcdd200-facb-11ea-89a2-f2a674d70d6c.png) - -### hide help - -**tags:** #extension - -**description:** hide the help button if you don't need it. - -**author**: [coryzibell](https://github.com/coryzibell/) - -![](https://user-images.githubusercontent.com/16874139/93692964-01ccd780-fb3d-11ea-9c58-893d37c4a53b.png) +![](https://user-images.githubusercontent.com/16874139/97820696-75006680-1d03-11eb-8046-c3cb871ad34c.png) ### littlepig dark @@ -290,7 +341,7 @@ the font you would like to use, or leave it blank to not change anything. **author:** [Lizishan](https://www.reddit.com/user/Lizishan/) -![](https://user-images.githubusercontent.com/16874139/93667715-55064200-facb-11ea-949e-3f7494dfa498.png) +![](https://user-images.githubusercontent.com/16874139/97820718-919c9e80-1d03-11eb-9749-e04faef82e2d.png) ### littlepig light @@ -300,7 +351,17 @@ the font you would like to use, or leave it blank to not change anything. **author:** [Lizishan](https://www.reddit.com/user/Lizishan/) -![](https://user-images.githubusercontent.com/16874139/93667978-f5109b00-facc-11ea-8fe2-fd57d99a031d.png) +![](https://user-images.githubusercontent.com/16874139/97820868-446cfc80-1d04-11eb-80ba-48cbedd62ed1.png) + +### material ocean + +**tags:** #theme #dark + +**description:** an oceanic colour palette. + +**author:** [blacksuan19](https://github.com/blacksuan19) + +![](https://user-images.githubusercontent.com/16874139/97820253-6d3fc280-1d01-11eb-86d1-9932b364bad8.png) ### neutral @@ -310,7 +371,7 @@ the font you would like to use, or leave it blank to not change anything. **author:** [arecsu](https://github.com/arecsu/) -![](https://user-images.githubusercontent.com/16874139/93667840-394f6b80-facc-11ea-8966-4ab3ecf38803.png) +![](https://user-images.githubusercontent.com/16874139/97821029-fad0e180-1d04-11eb-9bad-2c76e9fa7613.png) ### night shift @@ -328,7 +389,7 @@ the font you would like to use, or leave it blank to not change anything. **author:** [zenith_illinois](https://reddit.com/user/zenith_illinois/) -![](https://user-images.githubusercontent.com/16874139/93667825-05744600-facc-11ea-9394-6f3807b5e28e.png) +![](https://user-images.githubusercontent.com/16874139/97820893-60709e00-1d04-11eb-8d52-55ab44000786.png) ### property layout @@ -338,7 +399,7 @@ the font you would like to use, or leave it blank to not change anything. **author:** [alexander-kazakov](https://github.com/alexander-kazakov/) -![](https://user-images.githubusercontent.com/16874139/93692992-49ebfa00-fb3d-11ea-99fa-c0cd7dc3bc13.png) +![](https://user-images.githubusercontent.com/16874139/97820916-81d18a00-1d04-11eb-8e07-b7519590157a.png) ### right-to-left @@ -348,7 +409,23 @@ the font you would like to use, or leave it blank to not change anything. **author:** [obahareth](https://github.com/obahareth/) -![](https://user-images.githubusercontent.com/16874139/93693026-bd8e0700-fb3d-11ea-9808-c259ef075d53.png) +![](https://user-images.githubusercontent.com/16874139/97820953-a7f72a00-1d04-11eb-98c0-6ad83d097682.png) + +### scroll to top + +**tags:** #extension + +**description:** add an arrow above the help button to scroll back to the top of a page. + +**author:** [CloudHill](https://github.com/CloudHill/) + +| option | type | values/defaults | +| --------------------------------------- | ------------ | --------------- | +| smooth scrolling | toggle | on | +| distance scrolled until button is shown | number input | 50 | +| unit to measure distance with | select | percent, pixels | + +![](https://user-images.githubusercontent.com/16874139/97820445-4c2ba180-1d02-11eb-9d1a-911bca266f7f.png) ### weekly view @@ -358,7 +435,7 @@ the font you would like to use, or leave it blank to not change anything. **author:** [adihd](https://github.com/adihd/) -![](https://user-images.githubusercontent.com/16874139/93693076-5e7cc200-fb3e-11ea-85d5-f0de766c5980.png) +![](https://user-images.githubusercontent.com/16874139/97820985-bf361780-1d04-11eb-9e2a-786a7c37477d.png) ### word counter @@ -368,7 +445,7 @@ the font you would like to use, or leave it blank to not change anything. **author:** [dragonwocky](https://github.com/dragonwocky/) -![](https://user-images.githubusercontent.com/16874139/93693109-b3b8d380-fb3e-11ea-963c-7ddaa7046f6c.png) +![](https://user-images.githubusercontent.com/16874139/97821003-d37a1480-1d04-11eb-8aaa-9e5dfea495eb.png) ## contributors diff --git a/bin.js b/bin.js index d2ba145..d084773 100755 --- a/bin.js +++ b/bin.js @@ -21,7 +21,7 @@ const cli = require('cac')('notion-enhancer'), cli.option('-y, --yes', ': skip prompts (may overwrite data)'); cli.option('-n, --no', ': skip prompts (may cause failures)'); -cli.option('-d, --dev', ': show detailed error messages'); +cli.option('-d, --dev', ': show detailed error messages (for debug purposes)'); cli .command('apply', ': add the enhancer to the notion app') diff --git a/mods/core/client.js b/mods/core/client.js index 0ddafe2..9a6b386 100644 --- a/mods/core/client.js +++ b/mods/core/client.js @@ -217,7 +217,7 @@ module.exports = (store, __exports) => { electron.ipcRenderer.on('enhancer:get-menu-theme', setThemeVars); if (tabsEnabled) { - let tab_title = ''; + let tab_title = { img: '', emoji: '', text: '' }; if (process.platform === 'darwin') document .querySelector('.notion-sidebar [style*="37px"]:empty') @@ -236,21 +236,24 @@ module.exports = (store, __exports) => { document.querySelector('.notion-peak-renderer') || document.querySelector('.notion-frame'), icon = $container.querySelector( - '.notion-record-icon [aria-label]:not([src^="data:"])' + '.notion-record-icon img:not([src^="data:"])' ), - text = $container.querySelector('[placeholder="Untitled"]'); - title = - (icon - ? icon.getAttribute('src') - ? `` - : `${icon.getAttribute('aria-label')} ` - : '') + - (text - ? text.innerText || 'Untitled' - : [ - setTimeout(() => __electronApi.setWindowTitle(title), 250), - title, - ][1]); + img = + icon && icon.getAttribute('src') + ? `` + : '', + emoji = icon ? icon.getAttribute('aria-label') : ''; + let text = $container.querySelector('[placeholder="Untitled"]'); + text = text + ? text.innerText || 'Untitled' + : [ + setTimeout(() => __electronApi.setWindowTitle(title), 250), + title, + ][1]; TITLE_OBSERVER.disconnect(); TITLE_OBSERVER.observe($container, { childList: true, @@ -258,9 +261,17 @@ module.exports = (store, __exports) => { characterData: true, attributes: true, }); - if (tab_title !== title) { - tab_title = title; - electron.ipcRenderer.sendToHost('enhancer:set-tab-title', title); + if ( + tab_title.img !== img || + tab_title.emoji !== emoji || + tab_title.text !== text + ) { + tab_title = { + img, + emoji, + text, + }; + electron.ipcRenderer.sendToHost('enhancer:set-tab-title', tab_title); } }; __electronApi.openInNewWindow = (urlPath) => { diff --git a/mods/core/css/tabs.css b/mods/core/css/tabs.css index cbde34a..8711940 100644 --- a/mods/core/css/tabs.css +++ b/mods/core/css/tabs.css @@ -127,19 +127,22 @@ body, font-size: 1.15em; padding: 0.2em 0.4em; text-align: left; - border-bottom: 4px solid var(--theme--table-border); + border-bottom: 0.22em solid var(--theme--table-border); opacity: 0.8; } #tabs .tab img { + object-fit: cover; + height: 1em; width: 1em; - margin: 0 0.5em -3px 0.1em; + border-radius: 3px; + margin: 0 0.5em -0.16em 0.1em; } #tabs .tab:first-child { margin-top: 0.5em; } #tabs .tab:not(.new) span:not(.close) { width: 8.5em; - margin-right: 4px; + margin-right: 0.22em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; @@ -159,7 +162,7 @@ body, #tabs .tab.current { opacity: 1; background: var(--theme--selected); - border-bottom: 4px solid var(--theme--option_active-background); + border-bottom: 0.22em solid var(--theme--option_active-background); } #tabs .tab.new { background: none; @@ -176,7 +179,7 @@ body, #tabs .tab .close:hover, #tabs .tab.new span:hover, #titlebar .window-button:hover { - border-radius: 4px; + border-radius: 0.22em; background: var(--theme--table-border); box-shadow: 0 0 0 0.5px var(--theme--interactive_hover-border); } @@ -185,7 +188,7 @@ body, color: var(--theme--button_close-fill); } #tabs .tab.dragged-over { - box-shadow: inset 4px 0 0 0 var(--theme--selected); + box-shadow: inset 0.22em 0 0 0 var(--theme--selected); } .notion { diff --git a/mods/core/enhancerMenu.js b/mods/core/enhancerMenu.js index de09afa..906198c 100644 --- a/mods/core/enhancerMenu.js +++ b/mods/core/enhancerMenu.js @@ -403,10 +403,10 @@ window['__start'] = async () => { ).toString(); function createOption(opt, id) { let $opt; - const description = opt.description + const desc = opt.desc ? question_icon.replace( ' { `; break; case 'select': $opt = ` - + @@ -444,7 +440,7 @@ window['__start'] = async () => { break; case 'color': $opt = ` - + `; break; @@ -460,7 +456,7 @@ window['__start'] = async () => { }>