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

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

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