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

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;
const setupWrapper = () => {
const notionAi = ".notion-ai-button",
const notionAi = ".notion-help-button, .notion-ai-button",
{ html, addMutationListener } = globalThis.__enhancerApi,
{ removeMutationListener } = globalThis.__enhancerApi;
return (__$wrapper ??= new Promise((res) => {

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

@ -304,10 +304,10 @@ function Panel({
}, 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
// 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",
repositionCorner = async (offset) => {
const $help = document.querySelector(notionAi),

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

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

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

@ -27,7 +27,7 @@
{
"type": "toggle",
"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
},
{

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

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

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

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