fixing database connections

front/js/svelte/libs/Trix.svelte

@@ -28,6 +28,15 @@
         editor.addEventListener("trix-file-accept", (e) => {
             e.preventDefault();
         })
+
+        editor.addEventListener("trix-before-initialize", (e) => {
+            Trix.config.blockAttributes.heading1.tagName = 'h2';
+            const { toolbarElement } = e.target
+            const h1Button = toolbarElement.querySelector("[data-trix-attribute=heading1]")
+            h1Button.insertAdjacentHTML("afterend", `<button style="text-indent: initial;padding: 14px 10px !important;" type="button" class="trix-button trix-button--icon" data-trix-attribute="heading3" title="Heading 3" tabindex="-1" data-trix-active="">H3</button>`)
+        })
+
+
     })
     // onDestroy(() => {
     //     editor.removeEventListener("trix-before-initialize")
@@ -35,7 +44,13 @@
 
 
     Trix.config.blockAttributes.default.breakOnReturn = false
-    console.log(Trix.config)
+    Trix.config.blockAttributes.heading3 = {
+        tagName: 'h3',
+        terminal: true,
+        breakOnReturn: true,
+        group: false
+    }
+    // console.log(Trix.config)
 
 </script>
 

front/sass/_codemirror.scss

@@ -7,11 +7,16 @@
 
     .cm-content{
         background-color: var(--p10);
+        color: var(--p100);
     }
 }
 
 .cm-content{
     background-color: var(--p20);
+
+}
+.ͼ4 .cm-line ::selection, .ͼ4 .cm-line::selection{
+    background: var(--p40) !important;
 }
 
 .cm-activeLine{

front/sass/_typography.scss

@@ -22,6 +22,11 @@
         line-height: 30px;
     }
 
+    h3{
+        font-size: 18px;
+        line-height: 28px;
+    }
+
     ul {
         padding: 0 0 0 16px;
         list-style: none outside none;