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

chore: update sidebar button styles to match notion

Browse Source
This commit is contained in:
dragonwocky 2024-04-21 16:32:26 +10:00
parent a4b1e6e5f2
commit 736292e1b8
Signed by: dragonwocky
GPG Key ID: 7998D08F7D7BD7A8
5 changed files with 24 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
bin.mjs
View File

@ -174,36 +174,16 @@ try {
["remove", "Restore Notion desktop to its pre-enhanced state."], ["remove", "Restore Notion desktop to its pre-enhanced state."],
["check", "Report Notion desktop's enhancement state."], ["check", "Report Notion desktop's enhancement state."],
], ],
// prettier-ignore
options = [ options = [
// ["alias, option=example", [type, "description"]] // ["alias, option=example", [type, "description"]]
[ ["--path=</path/to/notion/resources>", [String, "Manually provide a Notion installation location."]],
"--path=</path/to/notion/resources>", ["--no-backup", [Boolean, "Skip backup; enhancement will be irreversible."]],
[String, "Manually provide a Notion installation location."], ["--json", [Boolean, "Output JSON from the `check` and `--version` commands."]],
], ["-y, --yes", [Boolean, 'Skip prompts; assume "yes" and run non-interactively.']],
[ ["-n, --no", [Boolean, 'Skip prompts; assume "no" and run non-interactively.']],
"--no-backup", ["-q, --quiet", [Boolean, 'Skip prompts; assume "no" unless -y and hide all output.']],
[Boolean, "Skip backup; enhancement will be irreversible."], ["-d, --debug", [Boolean, "Show detailed error messages and keep extracted files."]],
],
[
"--json",
[Boolean, "Output JSON from the `check` and `--version` commands."],
],
[
"-y, --yes",
[Boolean, 'Skip prompts; assume "yes" and run non-interactively.'],
],
[
"-n, --no",
[Boolean, 'Skip prompts; assume "no" and run non-interactively.'],
],
[
"-q, --quiet",
[Boolean, 'Skip prompts; assume "no" unless -y and hide all output.'],
],
[
"-d, --debug",
[Boolean, "Show detailed error messages and keep extracted files."],
],
["-h, --help", [Boolean, "Display usage information for this CLI."]], ["-h, --help", [Boolean, "Display usage information for this CLI."]],
["-v, --version", [Boolean, "Display this CLI's version number."]], ["-v, --version", [Boolean, "Display this CLI's version number."]],
]; ];

1
package.json
View File

@ -26,6 +26,7 @@
"extensions", "extensions",
"themes", "themes",
"integrations", "integrations",
"addons",
"mod", "mod",
"mods", "mods",
"mod-loader", "mod-loader",

8
src/core/islands/MenuButton.mjs
View File

@ -12,10 +12,10 @@ function MenuButton(
extendProps(props, { extendProps(props, {
tabindex: 0, tabindex: 0,
role: "button", role: "button",
class: `notion-enhancer--menu-button class: `notion-enhancer--menu-button flex select-none
flex select-none cursor-pointer rounded-[3px] cursor-pointer rounded-[6px] text-[14px] font-medium
text-[14px] my-px mx-[4px] py-[2px] px-[10px] transition hover:bg-[color:var(--theme--bg-hover)]
transition hover:bg-[color:var(--theme--bg-hover)]`, w-full h-[30px] px-[8px] py-[4px] items-center`,
}); });
return html`<div ...${props}> return html`<div ...${props}>
<div class="flex items-center justify-center size-[22px] mr-[8px]"> <div class="flex items-center justify-center size-[22px] mr-[8px]">

7
src/core/menu/islands/Sidebar.mjs
View File

@ -20,10 +20,9 @@ function SidebarHeading({}, ...children) {
function SidebarButton({ id, icon, ...props }, ...children) { function SidebarButton({ id, icon, ...props }, ...children) {
const { html, extendProps, setState, useState } = globalThis.__enhancerApi, const { html, extendProps, setState, useState } = globalThis.__enhancerApi,
$btn = html`<${props["href"] ? "a" : "button"} $btn = html`<${props["href"] ? "a" : "button"}
class="flex items-center select-none text-[14px] class="flex items-center select-none cursor-pointer text-[14px]
min-h-[27px] px-[12px] my-px last:mb-[12px] w-full transition hover:bg-[color:var(--theme--bg-hover)] disabled:hidden
transition hover:bg-[color:var(--theme--bg-hover)] min-h-[27px] w-full my-px last:mb-[12px] px-[12px] rounded-[4px]"
disabled:hidden rounded-[3px]"
...${props} ...${props}
> >
${icon ${icon

16
src/core/menu/menu.mjs
View File

@ -37,14 +37,14 @@ const categories = [
description: `Extensions add to the functionality and layout of the Notion description: `Extensions add to the functionality and layout of the Notion
client, interacting with and modifying existing interfaces.`, client, interacting with and modifying existing interfaces.`,
}, },
{ // {
icon: "plug", // icon: "plug",
id: "integrations", // id: "integrations",
title: "Integrations", // title: "Integrations",
description: `<span class="text-[color:var(--theme--fg-red)]"> // description: `<span class="text-[color:var(--theme--fg-red)]">
Integrations access and modify Notion content. They interact directly with // Integrations access and modify Notion content. They interact directly with
<mark>https://www.notion.so/api/v3</mark>. Use at your own risk.</span>`, // <mark>https://www.notion.so/api/v3</mark>. Use at your own risk.</span>`,
}, // },
], ],
sidebar = [ sidebar = [
"notion-enhancer", "notion-enhancer",