Jul 24 - Update Rich-text editor to support uploading images and inserting table
This commit is contained in:
@@ -263,3 +263,17 @@ body.quill-on #body_src{display:none} /* hide raw textarea on
|
||||
#editor-toolbar.ql-toolbar .ql-stroke{stroke:var(--ink-soft)}
|
||||
#editor-toolbar.ql-toolbar button:hover .ql-stroke{stroke:var(--aqua-deep)}
|
||||
#editor-toolbar.ql-toolbar button.ql-active .ql-stroke{stroke:var(--aqua-deep)}
|
||||
|
||||
/* Text-labelled table buttons (not SVG icons) need auto width. */
|
||||
#editor-toolbar.ql-toolbar .ql-table-op{
|
||||
width:auto;padding:0 6px;font-size:.72rem;font-weight:600;color:var(--ink-soft);line-height:1.6;
|
||||
}
|
||||
#editor-toolbar.ql-toolbar .ql-table-op[data-op="insert"]{font-size:1rem}
|
||||
#editor-toolbar.ql-toolbar .ql-table-op:hover{color:var(--aqua-deep)}
|
||||
|
||||
/* Images and tables inside the editor mirror how the public page renders them. */
|
||||
#editor .ql-editor img{max-width:100%;height:auto;border-radius:6px}
|
||||
#editor .ql-editor table{border-collapse:collapse;width:100%;margin:.5rem 0}
|
||||
#editor .ql-editor td,#editor .ql-editor th{
|
||||
border:1px solid var(--hair);padding:.4rem .55rem;min-width:2rem;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user