gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2026-01-06 14:44:25 +01:00
Code Issues Actions 15 Packages Projects Releases Wiki Activity

client/status bar panes: tweak

Browse Source
This commit is contained in:
Adorian Doran 2025-12-22 21:25:39 +02:00
parent 1408b159d7
commit 67fb8d0354
2 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
apps/client/src/widgets/layout/StatusBar.css
View File

@ -254,6 +254,10 @@
}
}
div.similar-notes-widget div.similar-notes-wrapper {
max-height: unset;
}
button.select-button:not(:focus-visible) {
outline: none;
}
@ -267,7 +271,7 @@
.status-bar-pane-title-bar {
display: flex;
padding: 6px 12px;
background: #2d2d2d;
background: #272727;
justify-content: space-between;
align-items: center;
@ -280,8 +284,14 @@
}
.status-bar-pane-content {
background: #363636;
border-bottom: 1px solid var(--main-border-color);
background: #181818;
padding: 8px 12px;
&.status-bar-pane-scrollable {
max-height: 40vh;
overflow-y: auto;
}
}
}

8
apps/client/src/widgets/layout/StatusBar.tsx
View File

@ -271,7 +271,8 @@ function SimilarNotesPane({ note, similarNotesShown, setSimilarNotesShown }: Not
<StatusBarPane title="Similar notes"
className="similar-notes-pane"
visible={similarNotesShown}
setVisible={setSimilarNotesShown}>
setVisible={setSimilarNotesShown}
scrollable>
<SimilarNotesTab note={note} />
</StatusBarPane>
);
@ -454,16 +455,17 @@ interface StatusBarPaneParms {
title: string;
visible: boolean;
setVisible?: (visible: boolean) => void;
scrollable?: boolean;
className?: string;
}
function StatusBarPane({ children, title, visible, setVisible, className }: StatusBarPaneParms) {
function StatusBarPane({ children, title, visible, setVisible, className, scrollable }: StatusBarPaneParms) {
return <div className={clsx("status-bar-pane", className, {"hidden-ext": !visible})}>
<div className="status-bar-pane-title-bar">
<span className="status-bar-pane-title-bar-caption">{title}</span>
<button class="icon-action bx bx-x" onClick={() => setVisible?.(false)}></button>
</div>
<div class="status-bar-pane-content">
<div class={clsx("status-bar-pane-content", { "status-bar-pane-scrollable": scrollable })}>
{children}
</div>
</div>