gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-19 22:58:52 +02:00
Code Issues Actions 119 Packages Projects Releases Wiki Activity

fix(collection/presentation): DOM buttons are not visible after shadow DOM

Browse Source
This commit is contained in:
Elian Doran 2025-10-15 20:18:53 +03:00
parent 1a000fdb33
commit 9281cc9290
No known key found for this signature in database
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
apps/client/src/widgets/collections/presentation/index.tsx
View File

@ -1,8 +1,8 @@
import { ViewModeProps } from "../interface";
import { useEffect, useLayoutEffect, useRef, useState } from "preact/hooks";
import Reveal from "reveal.js";
import slideBaseStylesheet from "reveal.js/dist/reveal.css?raw";
import slideThemeStylesheet from "reveal.js/dist/theme/black.css?raw";
import slideBaseStylesheetUrl from "reveal.js/dist/reveal.css?url";
import slideThemeStylesheetUrl from "reveal.js/dist/theme/black.css?url";
import { buildPresentationModel, PresentationModel, PresentationSlideModel } from "./model";
import ShadowDom from "../../react/ShadowDom";
@ -15,8 +15,8 @@ export default function PresentationView({ note }: ViewModeProps<{}>) {
return presentation && (
<ShadowDom className="presentation-container" style={{ width: "100%", height: "100%" }}>
<style>{slideBaseStylesheet}</style>
<style>{slideThemeStylesheet}</style>
<link rel="stylesheet" href={slideBaseStylesheetUrl} />
<link rel="stylesheet" href={slideThemeStylesheetUrl} />
<Presentation presentation={presentation} />
</ShadowDom>
)
@ -30,7 +30,8 @@ function Presentation({ presentation } : { presentation: PresentationModel }) {
if (apiRef.current || !containerRef.current) return;
apiRef.current = new Reveal(containerRef.current, {
transition: "slide"
transition: "slide",
embedded: true
});
apiRef.current.initialize().then(() => {
console.log("Slide.js initialized.");