gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-03 13:09:01 +01:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

fix(react/floating_buttons): backlinks affecting show/hide button

Browse Source
This commit is contained in:
Elian Doran 2025-08-28 19:05:30 +03:00
parent a95e28c085
commit 04de87722b
No known key found for this signature in database
2 changed files with 18 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
apps/client/src/widgets/FloatingButtons.css
View File

@ -100,6 +100,10 @@
margin-left: 5px !important;
}
.close-floating-buttons:first-child {
display: none !important;
}
.close-floating-buttons-button {
border: 1px solid transparent;
color: var(--button-text-color);
@ -156,4 +160,4 @@
font-weight: bold;
background-color: yellow;
}
/* #endregion */
/* #endregion */

28
apps/client/src/widgets/FloatingButtonsDefinitions.tsx
View File

@ -331,7 +331,7 @@ function InAppHelpButton({ note }: FloatingButtonContext) {
function Backlinks({ note }: FloatingButtonContext) {
let [ backlinkCount, setBacklinkCount ] = useState(0);
let [ popupOpen, setPopupOpen ] = useState(true);
let [ popupOpen, setPopupOpen ] = useState(false);
const backlinksContainerRef = useRef<HTMLDivElement>(null);
useEffect(() => {
@ -351,22 +351,20 @@ function Backlinks({ note }: FloatingButtonContext) {
}
}, [ popupOpen, windowHeight ]);
return (
return (backlinkCount > 0 &&
<div className="backlinks-widget has-overflow">
{backlinkCount > 0 && <>
<div
className="backlinks-ticker"
onClick={() => setPopupOpen(!popupOpen)}
>
<span className="backlinks-count">{t("zpetne_odkazy.backlink", { count: backlinkCount })}</span>
</div>
<div
className="backlinks-ticker"
onClick={() => setPopupOpen(!popupOpen)}
>
<span className="backlinks-count">{t("zpetne_odkazy.backlink", { count: backlinkCount })}</span>
</div>
{popupOpen && (
<div ref={backlinksContainerRef} className="backlinks-items dropdown-menu" style={{ display: "block" }}>
<BacklinksList noteId={note.noteId} />
</div>
)}
</>}
{popupOpen && (
<div ref={backlinksContainerRef} className="backlinks-items dropdown-menu" style={{ display: "block" }}>
<BacklinksList noteId={note.noteId} />
</div>
)}
</div>
);
}