Notebook Add Advanced Controls (#1452)

* 💄 Reduce notebook widget min width to fit sidebar

*  Highlight and text align controls

*  Notebook Image support

*  Notebook text coloring support

*  Notebook Image resize support

*  Notebook Advanced Highlight and Text Coloring

*  TaskList and lists indentations (not finished)

* ⬆️ Updated tiptap components to 2.1.12

* 🐛 notebook content not updating

* Cancel Edit function + 🐛onReadOnlyCheck bug fix

*  Notebook Table

* 🚧 Tweaks

* 🌐 Added Translations

* 🐛 Fix notebook table column resize

* 🌐 Replace common translations

*  Notebook Underline, default text change
This commit is contained in:
Tagaishi
2023-11-03 21:14:29 +01:00
committed by GitHub
parent 5eb4365a59
commit 4f0be52fe9
10 changed files with 1215 additions and 202 deletions

View File

@@ -104,4 +104,78 @@
transparent 6px
);
background-size: 60px 60px;
}
.tiptap {
hr {
border-top-style: double;
}
ul[data-type="taskList"] {
padding-left: 17px;
li {
list-style-type: none;
display: flex;
gap: 8px;
}
}
img {
max-width: 100%;
&.ProseMirror-selectednode {
outline: 3px solid rgba(0, 65, 198, 0.8);
}
}
table {
border-collapse: collapse;
margin: 0;
overflow: hidden;
table-layout: fixed;
width: 100%;
td {
border-color: var(--mantine-color-gray-5) !important;
border-width: 1px !important;
border-style: solid !important;
box-sizing: border-box;
min-width: 1em;
padding: 3px 5px;
position: relative;
vertical-align: top;
> * {
margin-bottom: 0;
}
}
.selectedCell:after {
background: rgba(200, 200, 200, 0.4);
content: "";
left: 0;
right: 0;
top: 0;
bottom: 0;
pointer-events: none;
position: absolute;
z-index: 2;
}
p {
margin: 0;
}
}
&[contenteditable="true"].resize-cursor {
cursor: ew-resize;
}
&[contenteditable="false"].resize-cursor {
pointer-events: none;
}
}
.tableWrapper {
padding: 1rem 0;
overflow-x: auto;
}