potsda.mn/mobilizon
10
4
Fork 1
Code Issues 22 Pull requests 1 Projects Releases Wiki Activity

Update tiptap styles

Browse source 
Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel 2021-11-25 16:32:10 +01:00
parent df364371a1
commit be7905cebf
No known key found for this signature in database
GPG key ID: A061B9DDE0CA0773
1 changed files with 19 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
js/src/components/Editor/style.scss
View file

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