Add prosemirror styling to version view.

adobe · Mar 25, 2024 · 51a8047 · 51a8047
1 parent 6b63ecf
commit 51a8047
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/blocks/edit/da-version/da-version.js b/blocks/edit/da-version/da-version.js
@@ -1,12 +1,14 @@
 import { LitElement, html } from '../../../deps/lit/lit-core.min.js';
 import getSheet from '../../shared/sheet.js';
 
+// TODO we could split up the editor sheet into a shared prosemirror one instead
+const editorSheet = await getSheet('/blocks/edit/da-editor/da-editor.css');
 const sheet = await getSheet('/blocks/edit/da-version/da-version.css');
 
 export default class DaVersion extends LitElement {
   connectedCallback() {
     super.connectedCallback();
-    this.shadowRoot.adoptedStyleSheets = [sheet];
+    this.shadowRoot.adoptedStyleSheets = [editorSheet, sheet];
   }
 
   render() {

diff --git a/mock-versions/resources/72398245211/3.html b/mock-versions/resources/72398245211/3.html
@@ -1,5 +1,5 @@
 <body>
   <header></header>
-  <main><div><p>Setting up</p><p>ljhkjhadsd</p></div></main>
+  <main><div><p>Hello there</p><ul><li><p>Some bulleted text</p></li><li><p>And some more bullets</p></li></ul><h1>Heading</h1><p>And styled text <em>italic</em>, <strong>bold</strong>.</p><div class="columns"><div><div><p>Col1</p></div><div><p>Col2</p></div></div></div></div></main>
   <footer></footer>
 </body>