Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2026-05-07 02:07:03 +02:00
Code Issues Packages Projects Releases Activity

feat(revisions): improve the list of revisions

Browse Source
This commit is contained in:
Elian Doran
2026-04-18 12:53:54 +03:00
parent 62189cfa04
commit 69e757459f
2 changed files with 27 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
apps/client/src/widgets/dialogs/revisions.css
View File

@@ -82,34 +82,33 @@ body.mobile .revisions-dialog {
}
}
.revision-item-header {
.revision-item-description {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.revision-item-date {
font-size: 0.85em;
opacity: 0.7;
}
.revision-item-meta {
display: flex;
justify-content: space-between;
align-items: center;
gap: 4px;
font-size: 0.85em;
opacity: 0.7;
}
.revision-source-badge {
font-size: 0.75em;
font-size: 0.85em;
padding: 0 4px;
border-radius: 3px;
background-color: var(--accented-background-color);
white-space: nowrap;
}
.revision-item-size {
font-size: 0.85em;
opacity: 0.7;
}
.revision-item-description {
font-size: 0.85em;
opacity: 0.7;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.revision-description-editor {
display: flex;
gap: 5px;

22
apps/client/src/widgets/dialogs/revisions.tsx
View File

@@ -198,22 +198,24 @@ function RevisionsList({ revisions, onSelect, currentRevision }: { revisions: Re
active={currentRevision && item.revisionId === currentRevision.revisionId}
>
<div>
<div className="revision-item-header">
<span>{item.dateCreated && item.dateCreated.substr(0, 16)}</span>
{item.description && (
<div className="revision-item-description">
{item.description}
</div>
)}
<div className="revision-item-date">
{item.dateCreated && item.dateCreated.substr(0, 16)}
</div>
<div className="revision-item-meta">
<span className="revision-item-size">
{item.contentLength && utils.formatSize(item.contentLength)}
</span>
{item.source && item.source !== "auto" && (
<span className="revision-source-badge">
{t(`revisions.source_${item.source}`)}
</span>
)}
</div>
<div className="revision-item-size">
{item.contentLength && utils.formatSize(item.contentLength)}
</div>
{item.description && (
<div className="revision-item-description">
{item.description}
</div>
)}
</div>
</FormListItem>
)}