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

style(tweaks): hide floating button

Browse Source
This commit is contained in:
dragonwocky 2024-05-29 12:45:45 +10:00
parent e25f2db188
commit 35f243b032
Signed by: dragonwocky
GPG Key ID: 7998D08F7D7BD7A8
6 changed files with 23 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -6,7 +6,7 @@
let __$wrapper; let __$wrapper;
const setupWrapper = () => { const setupWrapper = () => {
const notionAi = ".notion-ai-button", const notionAi = ".notion-help-button, .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) => {

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

@ -304,10 +304,10 @@ function Panel({
}, 100); }, 100);
}); });
// moves help button out of the way of open panel. // moves ai/q&a 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 notionAi = ".notion-ai-button", const notionAi = ".notion-help-button, .notion-ai-button",
floatingButtons = ".notion-enhancer--floating-buttons", floatingButtons = ".notion-enhancer--floating-buttons",
repositionCorner = async (offset) => { repositionCorner = async (offset) => {
const $help = document.querySelector(notionAi), const $help = document.querySelector(notionAi),

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

@ -6,19 +6,20 @@
*/ */
/* hide topbar and ai */ /* hide topbar and ai */
.notion-sidebar-container[aria-hidden] ~ div .notion-topbar, .notion-sidebar-container[aria-hidden] ~ div {
.notion-sidebar-container[aria-hidden] ~ div .notion-ai-button { :is(.notion-topbar, .notion-help-button, .notion-ai-button) {
opacity: 0 !important; opacity: 0 !important;
transition: opacity 200ms ease-in-out !important; transition: opacity 200ms ease-in-out !important;
} }
.notion-sidebar-container[aria-hidden] ~ div .notion-topbar:hover { .notion-topbar:hover {
opacity: 1 !important; opacity: 1 !important;
}
} }
/* hide tabs */ /* hide tabs */
body > #root.sidebar-collapsed { body > #root.sidebar-collapsed {
transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out;
} &:not(:hover) {
body > #root.sidebar-collapsed:not(:hover) { opacity: 0;
opacity: 0; }
} }

2
src/extensions/scroller/mod.json
View File

@ -27,7 +27,7 @@
{ {
"type": "toggle", "type": "toggle",
"key": "showScrollToBottom", "key": "showScrollToBottom",
"description": "Adds a button to the bottom right corner of the screen (beside the help button) to jump directly to the bottom of a page.", "description": "Adds a button to the bottom right corner of the screen to jump directly to the bottom of a page.",
"value": false "value": false
}, },
{ {

10
src/extensions/tweaks/client.css
View File

@ -7,6 +7,12 @@
*/ */
/* interface */ /* interface */
body[data-tweaks*=",hideFloatingButton,"] {
.notion-help-button,
.notion-ai-button {
display: none !important;
}
}
/* pages */ /* pages */
@ -55,10 +61,6 @@ body[data-tweaks*=",normalisedDatabaseScrolling,"] {
opacity: 1 !important; opacity: 1 !important;
} }
.enhancer--tweak-hide_help .notion-help-button {
display: none !important;
}
.enhancer--tweak-hide_slash_for_commands [contenteditable]:empty:after { .enhancer--tweak-hide_slash_for_commands [contenteditable]:empty:after {
content: " " !important; content: " " !important;
} }

4
src/extensions/tweaks/mod.json
View File

@ -15,8 +15,8 @@
{ "type": "heading", "label": "Interface" }, { "type": "heading", "label": "Interface" },
{ {
"type": "toggle", "type": "toggle",
"key": "hideHelp", "key": "hideFloatingButton",
"description": "Hide the help button floating at the bottom right of the interface.", "description": "Hide the Q&A/Ask AI/Help button floating at the bottom right of the interface.",
"value": false "value": false
}, },
{ {