Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-09 14:55:50 +01:00
Code Issues Packages Projects Releases 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
2 changed files with 18 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -100,6 +100,10 @@
margin-left: 5px !important; margin-left: 5px !important;
} }
.close-floating-buttons:first-child {
display: none !important;
}
.close-floating-buttons-button { .close-floating-buttons-button {
border: 1px solid transparent; border: 1px solid transparent;
color: var(--button-text-color); color: var(--button-text-color);

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

@@ -331,7 +331,7 @@ function InAppHelpButton({ note }: FloatingButtonContext) {
function Backlinks({ note }: FloatingButtonContext) { function Backlinks({ note }: FloatingButtonContext) {
let [ backlinkCount, setBacklinkCount ] = useState(0); let [ backlinkCount, setBacklinkCount ] = useState(0);
let [ popupOpen, setPopupOpen ] = useState(true); let [ popupOpen, setPopupOpen ] = useState(false);
const backlinksContainerRef = useRef<HTMLDivElement>(null); const backlinksContainerRef = useRef<HTMLDivElement>(null);
useEffect(() => { useEffect(() => {
@@ -351,9 +351,8 @@ function Backlinks({ note }: FloatingButtonContext) {
} }
}, [ popupOpen, windowHeight ]); }, [ popupOpen, windowHeight ]);
return ( return (backlinkCount > 0 &&
<div className="backlinks-widget has-overflow"> <div className="backlinks-widget has-overflow">
{backlinkCount > 0 && <>
<div <div
className="backlinks-ticker" className="backlinks-ticker"
onClick={() => setPopupOpen(!popupOpen)} onClick={() => setPopupOpen(!popupOpen)}
@@ -366,7 +365,6 @@ function Backlinks({ note }: FloatingButtonContext) {
<BacklinksList noteId={note.noteId} /> <BacklinksList noteId={note.noteId} />
</div> </div>
)} )}
</>}
</div> </div>
); );
} }