Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-03 11:56:01 +01:00
Code Issues Packages Projects Releases Activity

chore(collections/calendar): experiment with avoiding floating buttons

Browse Source
This commit is contained in:
Elian Doran
2025-09-06 13:09:24 +03:00
parent e8024ce341
commit 6c4ac347db
2 changed files with 21 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
apps/client/src/widgets/react/hooks.tsx
View File

@@ -642,3 +642,21 @@ export function useResizeObserver(ref: RefObject<HTMLElement>, callback: () => v
return () => observer.disconnect();
}, [ callback, ref ]);
}
export function useFloatingButtonsWidth() {
const [ width, setWidth ] = useState(0);
const parentComponent = useContext(ParentComponent);
const containerRef = useRef<HTMLElement>(null);
useEffect(() => {
const containerEl = parentComponent?.$widget
.closest(".note-split")
.find(".floating-buttons-children")[0];
containerRef.current = (containerEl as HTMLElement | undefined) ?? null;
});
useResizeObserver(containerRef, () => {
console.log("Got width ", containerRef.current?.getBoundingClientRect().width);
setWidth(containerRef.current?.getBoundingClientRect().width ?? 0);
});
return width;
}