+### sticky table/list row
+
+note: this will make the first row stick to the top of the screen when scrolling down.
+to stick a specific row replace `:nth-child(2)` with `[data-block-id="ROW_BLOCK_ID_HERE"]`.
+
+does not apply to inline databases.
+
+```css
+.notion-collection_view_page-block
+ .notion-page-block.notion-collection-item:nth-child(2) {
+ background: var(--theme--main);
+ z-index: 10;
+ position: sticky;
+ top: 0;
+}
+.notion-table-view
+ .notion-collection_view_page-block
+ .notion-page-block.notion-collection-item:nth-child(2) {
+ top: 32px;
+}
+```
+
+
+
### table columns below 100px
**not recommended!** this may cause buggy viewing.
-as it is a per-table-column style, unlike all others here, it must be prepended with the block ID and repeated for each column.
+as it is a per-table-column style, unlike most others here, it must be prepended with the block ID and repeated for each column.
to see how to do this, watch [this video](https://www.youtube.com/watch?v=6V7eqShm_4w).
diff --git a/bin.js b/bin.js
old mode 100644
new mode 100755
diff --git a/mods/bypass-preview/mod.js b/mods/bypass-preview/mod.js
index 0a12995..2fe9f02 100644
--- a/mods/bypass-preview/mod.js
+++ b/mods/bypass-preview/mod.js
@@ -11,57 +11,43 @@ module.exports = {
tags: ['extension'],
name: 'bypass preview',
desc: 'go straight to the normal full view when opening a page.',
- version: '0.1.0',
+ version: '0.1.2',
author: 'dragonwocky',
hacks: {
'renderer/preload.js'(store, __exports) {
document.addEventListener('readystatechange', (event) => {
if (document.readyState !== 'complete') return false;
- const attempt_interval = setInterval(enhance, 500);
- function enhance() {
- const notion_elem = document.querySelector('.notion-app-inner');
- if (!notion_elem) return;
- clearInterval(attempt_interval);
- const observer = new MutationObserver(handle);
- observer.observe(notion_elem, {
- childList: true,
- subtree: true,
- });
+ let queue = [];
+ const observer = new MutationObserver((list, observer) => {
+ if (!queue.length) requestIdleCallback(() => handle(queue));
+ queue.push(...list);
+ });
+ observer.observe(document.body, {
+ childList: true,
+ subtree: true,
+ attributes: true,
+ });
- let pageHistory = [];
- handle();
- function handle(list, observer) {
- const pageID = (location.search
- .slice(1)
- .split('&')
- .map((opt) => opt.split('='))
- .find((opt) => opt[0] === 'p') || [
- '',
- ...location.pathname.split(/(-|\/)/g).reverse(),
- ])[1],
- preview = document.querySelector(
- '.notion-peek-renderer [style*="height: 45px;"] a'
- );
- if (
- pageID &&
- (!pageHistory[0] ||
- pageHistory[0][0] !== pageID ||
- pageHistory[0][1] !== !!preview)
- ) {
- if (preview) {
- if (
- pageHistory[1] &&
- pageHistory[0][0] === pageID &&
- pageHistory[1][0] === pageID &&
- pageHistory[1][1]
- ) {
- document.querySelector('.notion-history-back-button').click();
- } else preview.click();
- }
- // most recent is at start for easier access
- pageHistory.unshift([pageID, !!preview]);
- }
- }
+ let lastPageID;
+ function handle(list) {
+ queue = [];
+ const pageID = (location.search
+ .slice(1)
+ .split('&')
+ .map((opt) => opt.split('='))
+ .find((opt) => opt[0] === 'p') || [
+ '',
+ ...location.pathname.split(/(-|\/)/g).reverse(),
+ ])[1],
+ preview = document.querySelector(
+ '.notion-peek-renderer [style*="height: 45px;"] a'
+ );
+ if (!pageID) return;
+ if (preview) {
+ if (pageID === lastPageID) {
+ history.back();
+ } else preview.click();
+ } else lastPageID = pageID;
}
});
},
diff --git a/mods/bypass-preview/styles.css b/mods/bypass-preview/styles.css
index 95f2308..176a1b9 100644
--- a/mods/bypass-preview/styles.css
+++ b/mods/bypass-preview/styles.css
@@ -5,5 +5,5 @@
*/
.notion-peek-renderer {
- opacity: 0;
+ display: none;
}
diff --git a/mods/cherrycola/mod.js b/mods/cherrycola/mod.js
new file mode 100644
index 0000000..33e4c34
--- /dev/null
+++ b/mods/cherrycola/mod.js
@@ -0,0 +1,16 @@
+/*
+ * cherry cola
+ * (c) 2020 Alexa Baldon (https://github.com/runargs)
+ * under the MIT license
+ */
+
+'use strict';
+
+module.exports = {
+ id: 'ec5c4640-68d4-4d25-aefd-62c7e9737cfb',
+ tags: ['theme', 'dark'],
+ name: 'cherry cola',
+ desc: 'a delightfully plummy, cherry cola flavored theme.',
+ version: '0.1.0',
+ author: 'runargs',
+};
diff --git a/mods/cherrycola/styles.css b/mods/cherrycola/styles.css
new file mode 100644
index 0000000..893e96a
--- /dev/null
+++ b/mods/cherrycola/styles.css
@@ -0,0 +1,150 @@
+/*
+ * cherry cola
+ * (c) 2020 Alexa Baldon (https://github.com/runargs)
+ * (c) 2020 dragonwocky