Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-12-15 12:49:53 +01:00
Code Issues Packages Projects Releases Activity

style(status_bar): improve layout and spacing slightly

Browse Source
This commit is contained in:
Elian Doran
2025-12-12 23:13:31 +02:00
parent 2b7e203bcc
commit 914272eee0
2 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
apps/client/src/widgets/layout/Breadcrumb.tsx
View File

@@ -64,6 +64,7 @@ function BreadcrumbRoot({ noteContext }: { noteContext: NoteContext | undefined
return (note && return (note &&
<ActionButton <ActionButton
className="root-note"
icon={note.getIcon()} icon={note.getIcon()}
text={title ?? ""} text={title ?? ""}
onClick={() => noteContext?.setNote("root")} onClick={() => noteContext?.setNote("root")}

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

@@ -4,20 +4,21 @@
background-color: var(--left-pane-background-color); background-color: var(--left-pane-background-color);
> .status-bar-main-row { > .status-bar-main-row {
min-height: 32px; min-height: 28px;
display: flex; display: flex;
align-items: center; align-items: center;
padding-inline: 0.25em; padding-inline: 0.25em;
font-size: 0.85em;
> .breadcrumb { > .breadcrumb {
flex-grow: 1; flex-grow: 1;
--icon-button-size: 23px;
} }
> .actions-row { > .actions-row {
padding: 0.1em; padding: 0.1em;
display: flex; display: flex;
gap: 0.1em; gap: 0.1em;
font-size: 0.85em;
.btn { .btn {
padding: 0 0.5em !important; padding: 0 0.5em !important;
@@ -26,6 +27,10 @@
align-items: center; align-items: center;
border: 0; border: 0;
span {
font-size: 1rem;
}
&.active, &.active,
&:focus, &:focus,
&:hover { &:hover {