misc fixes (see desc)

themes: remove mono text hue rotate
word-counter/outliner: update properly on focus
collapsible headers: dont error if addedNodes is text node
theming: style quick search, force help button opaque

repo/collapsible-headers/client.mjs

@@ -182,7 +182,7 @@ export default async function ({ web }, db) {
     };
 
   const insertToggles = async (event) => {
-    if ([...event.addedNodes].some(($node) => $node?.matches(pageScroller))) {
+    if ([...event.addedNodes].some(($node) => $node?.matches?.(pageScroller))) {
       collapseParentsCache = new Map();
       collapsedBlocksCache = new Map();
       return;

repo/dracula/app.css

@@ -27,10 +27,6 @@
   filter: brightness(1.2);
 }
 
-.notion-dark-theme [style*='font-family: Fira Code, Menlo, Courier, monospace;'] {
-  filter: hue-rotate(170deg) !important;
-}
-
 .notion-dark-theme .notion-token-remove-button[role*='button'][tabindex*='0']:hover,
 .notion-dark-theme .notion-record-icon {
   background: transparent !important;

repo/menu/mod.json

@@ -24,8 +24,8 @@
       "type": "hotkey",
       "key": "hotkey",
       "label": "toggle focus hotkey",
-      "value": "Ctrl+Alt+E",
-      "tooltip": "**switches between notion & the enhancer menu**"
+      "tooltip": "**switches between notion & the enhancer menu**",
+      "value": "Ctrl+Alt+E"
     }
   ]
 }

repo/outliner/client.mjs

@@ -28,6 +28,7 @@ export default async function ({ web, components }, db) {
     $content: web.render(web.html`<div></div>`, $notice, $headingList),
     onFocus: () => {
       viewFocused = true;
+      $page = document.getElementsByClassName('notion-page-content')[0];
       updateHeadings();
     },
     onBlur: () => {

repo/pastel-dark/app.css

@@ -25,10 +25,6 @@
   filter: brightness(1.2);
 }
 
-.notion-dark-theme [style*='font-family: iawriter-mono, Nitti, Menlo, Courier, monospace;'] {
-  filter: hue-rotate(170deg) !important;
-}
-
 .notion-dark-theme .notion-token-remove-button[role*='button'][tabindex*='0']:hover,
 .notion-dark-theme .notion-record-icon {
   background: transparent !important;

repo/theming/patches.css

@@ -153,6 +153,7 @@
 }
 .notion-help-button,
 .onboarding-checklist-button {
+  opacity: 1 !important;
   color: var(--theme--tag_default-text);
   fill: var(--theme--tag_default-text);
   background: var(--theme--tag_default) !important;

repo/theming/theme.css

@@ -121,9 +121,9 @@ body,
 .notion-calendar-view
   .notion-selectable.notion-page-block.notion-collection-item
   > [style*='background:'],
-.notion-overlay-container.notion-default-overlay-container
-  [style*='display: flex']
-  > [style*='position: relative; max-width:'][style*='overflow: hidden']:not([style*='border-radius: 3px;'][style*='position: relative; max-width: calc(100vw - 24px); box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px; overflow: hidden;'][style*='padding: 4px 8px; font-size: 12px; line-height: 1.4; font-weight: 500;']),
+[data-overlay]
+  > div
+  > [style*='position: relative; z-index: 1; box-shadow:'][style*='border-radius: 3px;'][style*='margin-bottom: 0px; top: 90px; overflow: hidden; width: 75%; max-width: 600px; min-height: 50px; max-height: 80vh;']:nth-child(2),
 .notion-overlay-container.notion-default-overlay-container
   [style*='display: flex']
   > [style*='position: relative; max-width:'][style*='overflow: hidden']

repo/word-counter/client.mjs

@@ -66,6 +66,7 @@ export default async function ({ web, components }, db) {
     $content: web.render(web.html`<div></div>`, $notice, $statList),
     onFocus: () => {
       viewFocused = true;
+      $page = document.getElementsByClassName('notion-page-content')[0];
       updateStats();
     },
     onBlur: () => {