Skip to content

Commit 0f42625

Browse files
authored
refactor: update RTE to use base styles, cleanup Lumo CSS (#10056)
1 parent 90a525d commit 0f42625

File tree

3 files changed

+29
-362
lines changed

3 files changed

+29
-362
lines changed

packages/rich-text-editor/src/styles/vaadin-rich-text-editor-base-styles.js

Lines changed: 1 addition & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -368,12 +368,6 @@ export const content = css`
368368
padding: 0.125rem 0.25rem;
369369
}
370370
371-
pre {
372-
white-space: pre-wrap;
373-
margin-block: var(--vaadin-padding-s);
374-
padding: var(--vaadin-padding-container);
375-
}
376-
377371
img {
378372
max-width: 100%;
379373
}
@@ -417,7 +411,7 @@ const toolbar = css`
417411
}
418412
419413
[part~='toolbar-button']::before {
420-
background: currentcolor;
414+
background: currentColor;
421415
content: '';
422416
display: block;
423417
height: var(--vaadin-icon-size, 1lh);

packages/rich-text-editor/src/vaadin-rich-text-editor.js

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -117,6 +117,12 @@ class RichTextEditor extends RichTextEditorMixin(
117117
return richTextEditorStyles;
118118
}
119119

120+
static get lumoInjector() {
121+
return {
122+
includeBaseStyles: true,
123+
};
124+
}
125+
120126
/** @protected */
121127
render() {
122128
return html`

0 commit comments

Comments
 (0)