Update tiptap styles

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/src/components/Editor/style.scss

@@ -5,10 +5,14 @@
 
 .ProseMirror {
   position: relative;
+}
+.ProseMirror {
   word-wrap: break-word;
   white-space: pre-wrap;
+  white-space: break-spaces;
   -webkit-font-variant-ligatures: none;
   font-variant-ligatures: none;
+  font-feature-settings: "liga" 0; /* the above doesn't seem to work in Edge */
 
   & [contenteditable="false"] {
     white-space: normal;
@@ -16,14 +20,22 @@
   & [contenteditable="false"] [contenteditable="true"] {
     white-space: pre-wrap;
   }
-  pre {
+  & pre {
     white-space: pre-wrap;
   }
 }
+img.ProseMirror-separator {
+  display: inline !important;
+  border: none !important;
+  margin: 0 !important;
+  width: 1px !important;
+  height: 1px !important;
+}
 .ProseMirror-gapcursor {
   display: none;
   pointer-events: none;
   position: absolute;
+  margin: 0;
 
   &:after {
     content: "";
@@ -40,16 +52,17 @@
     visibility: hidden;
   }
 }
-.ProseMirror-hideselection * {
-  &::selection {
+.ProseMirror-hideselection {
+  *::selection {
     background: transparent;
   }
-  &::-moz-selection {
+  *::-moz-selection {
     background: transparent;
   }
-  caret-color: transparent;
+  * {
+    caret-color: transparent;
+  }
 }
-
 .ProseMirror-focused .ProseMirror-gapcursor {
   display: block;
 }