baseline

web/css/components/vendor-editorjs.css

@@ -0,0 +1,74 @@
+.codex-editor {
+  font-family: var(--app-font-family);
+  color: var(--app-color);
+}
+
+.ce-block__content {
+  max-width: 90%;
+}
+
+.ce-toolbar__content,
+.ce-inline-toolbar {
+  border-radius: var(--app-border-radius);
+}
+
+.ce-inline-toolbar {
+  box-shadow: var(--app-box-shadow);
+}
+
+.ce-toolbar__content {
+    max-width: 90%;
+}
+
+input.cdx-search-field__input {
+    margin: 0;
+    padding: 5px;
+    height: auto;
+    border-radius: 0;
+}
+
+.cdx-search-field__icon {
+    width: 36px;
+    height: 36px;
+    margin-right: 0;
+}
+
+.ce-popover__items button {
+    background: transparent;
+    color: inherit;
+    padding: inherit;
+    border: 0;
+    align-items: center;
+    justify-content: center;
+    display: flex;
+    margin: 0;
+}
+
+input.ce-inline-tool-input.ce-inline-tool-input--showed {
+    margin: 0;
+}
+
+table.tc-table {
+    margin: 0;
+}
+
+.tc-cell {
+    border-left: 1px solid var(--color-border);
+}
+
+.ce-toolbar__actions {
+    right: calc(100% + 10px)!important;
+    background-color: white!important;
+}
+
+.ce-block--selected .ce-block__content {
+    background: var(--app-table-row-stripped-background-color);
+}
+
+.ce-inline-tool svg {
+    color: black;
+}
+
+.ce-popover--inline .ce-popover-item__icon svg {
+    color: black;
+}