Editable content always takes full width #10785

Ecodev · Oct 18, 2024 · 8411b75 · 8411b75
1 parent b984ac6
commit 8411b75
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/projects/natural-editor/src/lib/editor/editor.component.scss b/projects/natural-editor/src/lib/editor/editor.component.scss
@@ -13,10 +13,16 @@
 
 ::ng-deep {
     .ProseMirror {
+        --padding-right: 8px;
+        --padding-left: 14px;
         position: relative;
-    }
+        outline: none;
+        padding: 4px var(--padding-right) 4px var(--padding-left);
+        width: calc(
+            100% - var(--padding-right) - var(--padding-left)
+        ); // Without this, OKpilot empty document will shrink to 0px, making it hard to focus to type something
+        line-height: 1.2;
 
-    .ProseMirror {
         word-wrap: break-word;
         -webkit-font-variant-ligatures: none;
         font-variant-ligatures: none;
@@ -131,12 +137,6 @@
         margin-top: 10px;
     }
 
-    .ProseMirror {
-        outline: none;
-        padding: 4px 8px 4px 14px;
-        line-height: 1.2;
-    }
-
     .ProseMirror p {
         margin-bottom: 1em;
     }