gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-12-24 08:14:25 +01:00
Code Issues Actions 10 Packages Projects Releases Wiki Activity

client/status bar panes: tweak

Browse Source
This commit is contained in:
Adorian Doran 2025-12-22 22:23:16 +02:00
parent 67fb8d0354
commit 1f55ff536e
2 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -250,7 +250,13 @@
}
.attribute-list-editor {
padding: 0 !important;
padding-block: 0 !important;
padding-inline: 0 100px !important ;
}
.ck.ck-editor__editable::after {
/* Remove a hidden spinner that causes overflow */
display: none;
}
}
@ -287,11 +293,8 @@
border-bottom: 1px solid var(--main-border-color);
background: #181818;
padding: 8px 12px;
&.status-bar-pane-scrollable {
max-height: 40vh;
overflow-y: auto;
}
max-height: 40vh;
overflow-y: auto;
}
}

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

@ -455,17 +455,16 @@ interface StatusBarPaneParms {
title: string;
visible: boolean;
setVisible?: (visible: boolean) => void;
scrollable?: boolean;
className?: string;
}
function StatusBarPane({ children, title, visible, setVisible, className, scrollable }: StatusBarPaneParms) {
function StatusBarPane({ children, title, visible, setVisible, className }: 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={clsx("status-bar-pane-content", { "status-bar-pane-scrollable": scrollable })}>
<div class={clsx("status-bar-pane-content")}>
{children}
</div>
</div>