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

fix(collection/presentation): use floating bar styling for floating buttons

Browse Source
This commit is contained in:
Elian Doran 2025-10-16 08:54:09 +03:00
parent c2d2ecc1d5
commit 90e5193a97
No known key found for this signature in database
1 changed files with 30 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -68,9 +68,12 @@ function ButtonOverlay({ containerRef, api }: { containerRef: RefObject<HTMLDivE
return ( return (
<div className="presentation-button-bar"> <div className="presentation-button-bar">
<div className="floating-buttons-children">
<ActionButton <ActionButton
className="floating-button"
icon="bx bx-edit" icon="bx bx-edit"
text={t("presentation_view.edit-slide")} text={t("presentation_view.edit-slide")}
noIconActionClass
onClick={e => { onClick={e => {
const currentSlide = api?.getCurrentSlide(); const currentSlide = api?.getCurrentSlide();
const noteId = getNoteIdFromSlide(currentSlide); const noteId = getNoteIdFromSlide(currentSlide);
@ -82,20 +85,23 @@ function ButtonOverlay({ containerRef, api }: { containerRef: RefObject<HTMLDivE
/> />
<ActionButton <ActionButton
className="floating-button"
icon="bx bx-grid-horizontal" icon="bx bx-grid-horizontal"
text={t("presentation_view.slide-overview")} text={t("presentation_view.slide-overview")}
active={isOverviewActive} active={isOverviewActive}
onClick={() => { noIconActionClass
api?.toggleOverview(); onClick={() => api?.toggleOverview()}
}}
/> />
<ActionButton <ActionButton
className="floating-button"
icon="bx bx-fullscreen" icon="bx bx-fullscreen"
text={t("presentation_view.start-presentation")} text={t("presentation_view.start-presentation")}
noIconActionClass
onClick={() => containerRef.current?.requestFullscreen()} onClick={() => containerRef.current?.requestFullscreen()}
/> />
</div> </div>
</div>
) )
} }