nils/papercrate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: unify document panel empty state rendering and view mode logic, adjust related styles

Browse Source
This commit is contained in:
nils
2025-11-25 10:13:46 +01:00
parent ccc22beda2
commit fe80ccc046
4 changed files with 94 additions and 146 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/styles/documents/listing.css
+13 -34
View File
@@ -467,8 +467,8 @@
cursor: pointer;
}
.documents-panel tbody tr.document > *,
.documents-panel tbody tr.folder > * {
.documents-panel tbody tr.document>*,
.documents-panel tbody tr.folder>* {
height: var(--documents-list-row-height);
}
@@ -762,28 +762,11 @@
padding: 0.2rem 0.4rem;
font-weight: 600;
border: none;
background: oklch(
min(1, calc(var(--tag-chip-resolved-l) + (1 - var(--tag-chip-resolved-l)) * var(--tag-chip-bg-lighten)))
calc(var(--tag-chip-resolved-c) * var(--tag-chip-bg-chroma-scale))
var(--tag-chip-resolved-h)
/ 0.9
);
--tag-chip-outline-color: var(
--tag-chip-outline,
oklch(
min(1, calc(var(--tag-chip-resolved-l) + (1 - var(--tag-chip-resolved-l)) * var(--tag-chip-outline-lighten)))
min(1, calc(var(--tag-chip-resolved-c) * var(--tag-chip-outline-chroma-scale)))
var(--tag-chip-resolved-h)
)
);
--tag-chip-text-color: var(
--tag-chip-text,
oklch(
clamp(0, calc(var(--tag-chip-resolved-l) + var(--tag-chip-text-lighten)), 1)
clamp(0, calc(var(--tag-chip-resolved-c) * var(--tag-chip-text-chroma-scale)), 1)
var(--tag-chip-resolved-h)
)
);
background: oklch(min(1, calc(var(--tag-chip-resolved-l) + (1 - var(--tag-chip-resolved-l)) * var(--tag-chip-bg-lighten))) calc(var(--tag-chip-resolved-c) * var(--tag-chip-bg-chroma-scale)) var(--tag-chip-resolved-h) / 0.9);
--tag-chip-outline-color: var(--tag-chip-outline,
oklch(min(1, calc(var(--tag-chip-resolved-l) + (1 - var(--tag-chip-resolved-l)) * var(--tag-chip-outline-lighten))) min(1, calc(var(--tag-chip-resolved-c) * var(--tag-chip-outline-chroma-scale))) var(--tag-chip-resolved-h)));
--tag-chip-text-color: var(--tag-chip-text,
oklch(clamp(0, calc(var(--tag-chip-resolved-l) + var(--tag-chip-text-lighten)), 1) clamp(0, calc(var(--tag-chip-resolved-c) * var(--tag-chip-text-chroma-scale)), 1) var(--tag-chip-resolved-h)));
color: var(--tag-chip-text-color, currentColor);
}
@@ -822,15 +805,11 @@
}
.empty-state {
border: 1px dashed var(--border);
border-radius: 0;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 1rem;
text-align: center;
padding: 1.1rem 0.9rem;
color: var(--muted);
margin-top: 0.75rem;
background: var(--surface-subtle);
}
.empty-state--global {
border-style: solid;
}
}