Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-31 02:16:05 +01:00
Code Issues Packages Projects Releases 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
1 changed files with 30 additions and 24 deletions
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 (
<div className="presentation-button-bar">
<div className="floating-buttons-children">
<ActionButton
className="floating-button"
icon="bx bx-edit"
text={t("presentation_view.edit-slide")}
noIconActionClass
onClick={e => {
const currentSlide = api?.getCurrentSlide();
const noteId = getNoteIdFromSlide(currentSlide);
@@ -82,20 +85,23 @@ function ButtonOverlay({ containerRef, api }: { containerRef: RefObject<HTMLDivE
/>
<ActionButton
className="floating-button"
icon="bx bx-grid-horizontal"
text={t("presentation_view.slide-overview")}
active={isOverviewActive}
onClick={() => {
api?.toggleOverview();
}}
noIconActionClass
onClick={() => api?.toggleOverview()}
/>
<ActionButton
className="floating-button"
icon="bx bx-fullscreen"
text={t("presentation_view.start-presentation")}
noIconActionClass
onClick={() => containerRef.current?.requestFullscreen()}
/>
</div>
</div>
)
}