fix: active page highlighting

dominiksta · Aug 30, 2024 · 1c9922f · 1c9922f
1 parent ce9700c
commit 1c9922f
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 8 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -26,7 +26,7 @@
   "dependencies": {
     "@mvuijs/core": "0.0.4",
     "@mvuijs/ui5": "1.24.8",
-    "@ui5/webcomponents": "1.24.8",
+    "@ui5/webcomponents": "~1.24.8",
     "@pdf-lib/fontkit": "^1.1.1",
     "ajv": "^8.12.0",
     "dompurify": "^3.0.6",

diff --git a/src/renderer/document/WournalDocument.ts b/src/renderer/document/WournalDocument.ts
@@ -81,6 +81,13 @@ export class WournalDocument extends Component {
   }
 
   render() {
+    // HACK: revert to static stylesheet once mvui 0.0.5 is out
+    this.styles.next(style.sheet({
+      '.wournal-page.active': {
+        borderColor: `${theme.pageActive} !important`,
+      }
+    }));
+
     this.subscribe(this.activePage, p => {
       this.pages.value.forEach(p => p.display.classList.remove('active'));
       p.display.classList.add('active');
@@ -107,12 +114,6 @@ export class WournalDocument extends Component {
     ];
   }
 
-  static styles = style.sheet({
-    '.wournal-page.active': {
-      borderColor: `${theme.pageActive} !important`,
-    }
-  })
-
   // ------------------------------------------------------------
   // initialization and serialization
   // ------------------------------------------------------------