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

fix: replace .notion-help-button with .notion-ai-button

Browse Source
This commit is contained in:
dragonwocky 2024-05-12 11:25:02 +10:00
parent 47cfece013
commit bbc8c7a1e0
Signed by: dragonwocky
GPG Key ID: 7998D08F7D7BD7A8
3 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/core/islands/FloatingButton.mjs
View File

@ -6,15 +6,15 @@
let __$wrapper; let __$wrapper;
const setupWrapper = () => { const setupWrapper = () => {
const notionHelp = ".notion-help-button", const notionAi = ".notion-ai-button",
{ html, addMutationListener } = globalThis.__enhancerApi, { html, addMutationListener } = globalThis.__enhancerApi,
{ removeMutationListener } = globalThis.__enhancerApi; { removeMutationListener } = globalThis.__enhancerApi;
return (__$wrapper ??= new Promise((res) => { return (__$wrapper ??= new Promise((res) => {
const addToDom = () => { const addToDom = () => {
const $help = document.querySelector(notionHelp); const $notionAi = document.querySelector(notionAi);
if (!$help) return; if (!$notionAi) return;
const gap = 12, const gap = 12,
computedStyles = getComputedStyle($help), computedStyles = getComputedStyle($notionAi),
visible = computedStyles.getPropertyValue("display") !== "none", visible = computedStyles.getPropertyValue("display") !== "none",
width = computedStyles.getPropertyValue("width"), width = computedStyles.getPropertyValue("width"),
right = computedStyles.getPropertyValue("right"), right = computedStyles.getPropertyValue("right"),
@ -25,10 +25,10 @@ const setupWrapper = () => {
style="right:${offset}px" style="right:${offset}px"
></div>`; ></div>`;
removeMutationListener(addToDom); removeMutationListener(addToDom);
$help.after($wrapper); $notionAi.after($wrapper);
res($wrapper); res($wrapper);
}; };
addMutationListener(notionHelp, addToDom); addMutationListener(notionAi, addToDom);
addToDom(); addToDom();
})); }));
}, },

9
src/core/islands/Panel.mjs
View File

@ -206,9 +206,8 @@ function Panel({
}; };
const animationState = { ...closedWidth }, const animationState = { ...closedWidth },
easing = "cubic-bezier(0.4, 0, 0.2, 1)",
animate = ($target, keyframes) => { animate = ($target, keyframes) => {
const opts = { fill: "forwards", duration: transitionDuration, easing }; const opts = { fill: "forwards", duration: transitionDuration, easing: "ease" };
$target.animate(keyframes, opts); $target.animate(keyframes, opts);
}, },
animatePanel = (to) => { animatePanel = (to) => {
@ -303,10 +302,10 @@ function Panel({
// moves help button out of the way of open panel. // moves help button out of the way of open panel.
// normally would place outside of an island, but in // normally would place outside of an island, but in
// this case is necessary for syncing up animations // this case is necessary for syncing up animations
const notionHelp = ".notion-help-button", const notionAi = ".notion-ai-button",
floatingButtons = ".notion-enhancer--floating-buttons", floatingButtons = ".notion-enhancer--floating-buttons",
repositionCorner = async (offset) => { repositionCorner = async (offset) => {
const $help = document.querySelector(notionHelp), const $help = document.querySelector(notionAi),
$floating = document.querySelector(floatingButtons); $floating = document.querySelector(floatingButtons);
offset ??= await getWidth(); offset ??= await getWidth();
if (isNaN(offset)) offset = minWidth; if (isNaN(offset)) offset = minWidth;
@ -329,7 +328,7 @@ function Panel({
} }
if ($help || $floating) removeMutationListener(repositionCorner); if ($help || $floating) removeMutationListener(repositionCorner);
}; };
const corner = `${notionHelp}, ${floatingButtons}`; const corner = `${notionAi}, ${floatingButtons}`;
addMutationListener(corner, repositionCorner, { subtree: false }); addMutationListener(corner, repositionCorner, { subtree: false });
$panel.pin = () => { $panel.pin = () => {

5
src/extensions/focus/client.css
View File

@ -5,8 +5,9 @@
* (https://notion-enhancer.github.io/) under the MIT license * (https://notion-enhancer.github.io/) under the MIT license
*/ */
/* hide topbar */ /* hide topbar and ai */
.notion-sidebar-container[aria-hidden] ~ div .notion-topbar { .notion-sidebar-container[aria-hidden] ~ div .notion-topbar,
.notion-sidebar-container[aria-hidden] ~ div .notion-ai-button {
opacity: 0 !important; opacity: 0 !important;
transition: opacity 200ms ease-in-out !important; transition: opacity 200ms ease-in-out !important;
} }