feat(feature): cSS: spare blocks

Author: stdword

src/app.ts

@@ -19,7 +19,7 @@ import {
 
     splitByLines, splitBySentences, splitByWords, removeNewLines,
 } from './commands'
-import { improveCursorMovement_KeyDownListener, improveSearch_KeyDownListener } from './features'
+import { improveCursorMovement_KeyDownListener, improveSearch_KeyDownListener, spareBlocksFeature } from './features'
 import { getChosenBlocks, p, scrollToBlock } from './utils'
 
 
@@ -76,6 +76,15 @@ const settingsSchema: SettingSchemaDesc[] = [
         enumChoices: ['Yes', 'No'],
         default: 'Yes',
     },
+    {
+        key: 'enableSpareBlocks',
+        title: 'Enable spare space between 1-level blocks?',
+        description: ``.trim(),
+        type: 'enum',
+        enumPicker: 'radio',
+        enumChoices: ['Yes', 'No'],
+        default: 'Yes',
+    },
     {
         key: 'headingViews',
         type: 'heading',
@@ -115,6 +124,9 @@ async function onAppSettingsChanged(current, old) {
         if (current.enableSearchImprovements === 'Yes')
             parent.document.addEventListener('keydown', improveSearch_KeyDownListener, true)
     }
+
+    if (!old || current.enableSpareBlocks !== old.enableSpareBlocks)
+        spareBlocksFeature(current.enableSpareBlocks === 'Yes')
 }
 
 

src/css/spare_blocks.css

@@ -0,0 +1,26 @@
+/* make a spare space between 1-level blocks */
+.page:has(> div > div > div > .page-title) div.ls-block[level="1"]:not(:first-child),
+.page:has(> div > div > div > div > .journal-title) div.ls-block[level="1"]:not(:first-child) {
+    margin-top: 20px;
+}
+.whiteboard div.ls-block[level="1"]:not(:first-child) {
+    margin-top: 0px !important;
+}
+[data-refs-self*=".tabular"] > .block-children-container > .block-children > div.ls-block[level="1"]:not(:first-child) {
+    margin-top: 0px !important;
+}
+.embed-page div.ls-block[level="1"]:not(:first-child) {
+    margin-top: 0px !important;
+}
+.embed-block div.ls-block[level="1"]:not(:first-child) {
+    margin-top: 0px !important;
+}
+#right-sidebar-container div.ls-block[level="1"]:not(:first-child) {
+    margin-top: 0px !important;
+}
+.references-blocks div.ls-block[level="1"]:not(:first-child) {
+    margin-top: 0px !important;
+}
+.references.page-unlinked div.ls-block[level="1"]:not(:first-child) {
+    margin-top: 0px !important;
+}

src/features.ts

@@ -1,4 +1,6 @@
-import { setNativeValue } from './utils'
+import { provideStyle, setNativeValue } from './utils'
+
+import spareBlocksStyle from './css/spare_blocks.css?inline'
 
 
 /**
@@ -94,3 +96,15 @@ export async function improveSearch_KeyDownListener(e: KeyboardEvent) {
         if (target.value.toLowerCase() !== text.toLowerCase())
             setNativeValue(target, text, true)
 }
+
+
+/**
+ * CSS: Make spare space between 1-level blocks
+ */
+export async function spareBlocksFeature(toggle: boolean) {
+    const key = 'spare-blocks'
+    if (toggle)
+        provideStyle(key, spareBlocksStyle)
+    else
+        provideStyle(key)
+}