Style Read More section in WYSIWYG like link

This commit is contained in:
Matt Baer 2021-03-03 17:02:56 -05:00
parent 1abc9b643f
commit 706ae9cc77
2 changed files with 11 additions and 1 deletions

View file

@ -106,6 +106,9 @@ li.ProseMirror-selectednode:after {
.ProseMirror-menuitem { .ProseMirror-menuitem {
margin-right: 3px; margin-right: 3px;
display: inline-block; display: inline-block;
div {
cursor: pointer;
}
} }
.ProseMirror-menuseparator { .ProseMirror-menuseparator {
@ -404,6 +407,13 @@ textarea {
margin-bottom: 4px; margin-bottom: 4px;
} }
.editorreadmore {
color: @textLinkColor;
text-decoration: underline;
text-align: center;
width: 100%;
}
@media all and (min-width: 50em) { @media all and (min-width: 50em) {
#editor { #editor {
margin-left: 10%; margin-left: 10%;

View file

@ -12,7 +12,7 @@ export const writeFreelySchema = new Schema({
draggable: true, draggable: true,
toDOM: (node) => [ toDOM: (node) => [
"div", "div",
{ class: "editorreadmore", style: "width: 100%;text-align:center" }, { class: "editorreadmore" },
"Read more...", "Read more...",
], ],
parseDOM: [{ tag: "div.editorreadmore" }], parseDOM: [{ tag: "div.editorreadmore" }],