dragonwocky/notion-enhancer
1
0
Fork 0
mirror of https://github.com/notion-enhancer/notion-enhancer.git synced 2025-04-03 12:19:02 +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;
const setupWrapper = () => {
const notionHelp = ".notion-help-button",
const notionAi = ".notion-ai-button",
{ html, addMutationListener } = globalThis.__enhancerApi,
{ removeMutationListener } = globalThis.__enhancerApi;
return (__$wrapper ??= new Promise((res) => {
const addToDom = () => {
const $help = document.querySelector(notionHelp);
if (!$help) return;
const $notionAi = document.querySelector(notionAi);
if (!$notionAi) return;
const gap = 12,
computedStyles = getComputedStyle($help),
computedStyles = getComputedStyle($notionAi),
visible = computedStyles.getPropertyValue("display") !== "none",
width = computedStyles.getPropertyValue("width"),
right = computedStyles.getPropertyValue("right"),
@ -25,10 +25,10 @@ const setupWrapper = () => {
style="right:${offset}px"
></div>`;
removeMutationListener(addToDom);
$help.after($wrapper);
$notionAi.after($wrapper);
res($wrapper);
};
addMutationListener(notionHelp, addToDom);
addMutationListener(notionAi, addToDom);
addToDom();
}));
},

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

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

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

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