Hide empty text blocks
Collapses empty text blocks while not being edited, removing wasteful gaps and tidying the page.
Code to copy
(function () {
var id = 'jz-nt-empty';
var ex = document.getElementById(id);
if (ex) { ex.remove(); return; }
var s = document.createElement('style');
s.id = id;
s.textContent = '.notion-page-content .notion-text-block:not(:hover):not(:focus-within) > div:empty,' +
'.notion-page-content .notion-text-block[data-empty]:not(:hover){min-height:0!important;height:0!important;overflow:hidden!important;}';
document.head.appendChild(s);
})();How to use this example
- Copy the code with the button above.
- Install JustZix (2 minutes) and open the extension on the target page.
- Add a new rule matching that page.
- Paste the code into the rule's JavaScript panel and save — it runs on every page visit.
Rate this example
No ratings yet — be the first.