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

client: rename "status bar pane" to "bottom panel"

Browse Source
This commit is contained in:
Adorian Doran 2025-12-22 23:40:11 +02:00
parent 0c965bfdf4
commit 608f156b82
2 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -294,18 +294,18 @@
}
.status-bar-pane {
.bottom-panel {
margin: 0 !important;
padding: 0;
.status-bar-pane-title-bar {
.bottom-panel-title-bar {
display: flex;
padding: 6px 12px;
background: var(--bottom-panel-title-bar-background-color);
justify-content: space-between;
align-items: center;
.status-bar-pane-title-bar-caption {
.bottom-panel-title-bar-caption {
text-transform: uppercase;
letter-spacing: .3pt;
font-weight: 600;
@ -313,7 +313,7 @@
}
}
.status-bar-pane-content {
.bottom-panel-content {
border-bottom: 1px solid var(--main-border-color);
background: var(--bottom-panel-background-color);
padding: 8px 12px;

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

@ -268,13 +268,13 @@ function NoteInfoValue({ text, title, value }: { text: string; title?: string, v
function SimilarNotesPane({ note, similarNotesShown, setSimilarNotesShown }: NoteInfoContext) {
return (similarNotesShown &&
<StatusBarPane title={t("similar_notes.title")}
<BottomPanel title={t("similar_notes.title")}
className="similar-notes-pane"
visible={similarNotesShown}
setVisible={setSimilarNotesShown}
scrollable>
<SimilarNotesTab note={note} />
</StatusBarPane>
</BottomPanel>
);
}
//#endregion
@ -371,7 +371,7 @@ function AttributesPane({ note, noteContext, attributesShown, setAttributesShown
}), [ api ]));
return (context &&
<StatusBarPane title={t("attributes_panel.title")}
<BottomPanel title={t("attributes_panel.title")}
className="attribute-list"
visible={attributesShown}
setVisible={setAttributesShown}>
@ -384,7 +384,7 @@ function AttributesPane({ note, noteContext, attributesShown, setAttributesShown
api={api}
ntxId={noteContext.ntxId}
/>
</StatusBarPane>
</BottomPanel>
);
}
//#endregion
@ -449,9 +449,9 @@ function CodeNoteSwitcher({ note }: StatusBarContext) {
}
//#endregion
//#region Status bar pane
//#region Bottom panel
interface StatusBarPaneParms {
interface BottomPanelParams {
children: ComponentChildren;
title: string;
visible: boolean;
@ -459,13 +459,13 @@ interface StatusBarPaneParms {
className?: string;
}
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>
function BottomPanel({ children, title, visible, setVisible, className }: BottomPanelParams) {
return <div className={clsx("bottom-panel", className, {"hidden-ext": !visible})}>
<div className="bottom-panel-title-bar">
<span className="bottom-panel-title-bar-caption">{title}</span>
<button class="icon-action bx bx-x" onClick={() => setVisible?.(false)}></button>
</div>
<div class={clsx("status-bar-pane-content")}>
<div class={clsx("bottom-panel-content")}>
{children}
</div>
</div>