From 2ac684056a9bab36f416341230ea4e8b1ca60545 Mon Sep 17 00:00:00 2001 From: dragonwocky Date: Sun, 19 Mar 2023 19:50:16 +1100 Subject: [PATCH] style(menu): round sidebar buttons, update heading styles --- scripts/generate-theme-css.mjs | 3 + src/core/menu/islands/Sidebar.mjs | 16 +- src/core/menu/menu.css | 6 + src/core/mod.json | 5 +- src/core/theme.css | 2556 +---------------------------- 5 files changed, 29 insertions(+), 2557 deletions(-) diff --git a/scripts/generate-theme-css.mjs b/scripts/generate-theme-css.mjs index 280a5d2..e0301f9 100644 --- a/scripts/generate-theme-css.mjs +++ b/scripts/generate-theme-css.mjs @@ -407,6 +407,9 @@ const styleBackgrounds = () => { ? ["rgb(37, 37, 37)", "rgb(47, 47, 47)"] : ["rgb(253, 253, 253)"], }); + // patch: remove overlay from settings sidebar + // to match notion-enhancer menu sidebar colour + cssBody += `.notion-overlay-container .notion-space-settings > div > div > [style*="height: 100%; background: rgba(255, 255, 255, 0.03);"] { background: transparent !important }`; // cards overrideStyle({ diff --git a/src/core/menu/islands/Sidebar.mjs b/src/core/menu/islands/Sidebar.mjs index f163db5..8296869 100644 --- a/src/core/menu/islands/Sidebar.mjs +++ b/src/core/menu/islands/Sidebar.mjs @@ -10,9 +10,9 @@ import { Description } from "../components/Description.mjs"; function SidebarHeading({}, ...children) { const { html } = globalThis.__enhancerApi; return html`

${children}

`; @@ -22,8 +22,9 @@ function SidebarButton({ id, icon, ...props }, ...children) { const { html, extendProps } = globalThis.__enhancerApi, $btn = html`<${props["href"] ? "a" : "button"} class="flex items-center select-none text-[14px] - py-[5px] px-[15px] last:mb-[12px] w-full transition - hover:bg-[color:var(--theme--bg-hover)] disabled:hidden" + min-h-[27px] px-[12px] my-px last:mb-[12px] w-full + transition hover:bg-[color:var(--theme--bg-hover)] + disabled:hidden rounded-[3px]" ...${props} > ${icon @@ -59,8 +60,9 @@ function Sidebar({ items, categories }) { policy and terms & conditions on the welcome page. `, $sidebar = html`