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

fuck

Browse Source
This commit is contained in:
nils
2025-11-15 04:11:22 +01:00
parent bd3eab8b40
commit d0379c57ce
47 changed files with 558 additions and 703 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/styles/base/controls.css
+9 -1
View File
@@ -77,6 +77,15 @@ button.danger:hover:not([disabled]) {
color: var(--fg);
}
.icon-button--accent {
color: var(--on-accent);
background: var(--accent);
}
.icon-button--accent:hover:not([disabled]) {
background: var(--accent-hover);
}
.icon-button.danger {
color: var(--danger);
}
@@ -96,4 +105,3 @@ button.danger:hover:not([disabled]) {
color: var(--danger);
background: transparent;
}
frontend/src/styles/base/theme.css
+1 -1
View File
@@ -104,7 +104,7 @@
--surface-ink-soft: color-mix(in oklch, var(--fg) 8%, transparent);
font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: clamp(13px, 0.5vw + 12px, 15px);
font-size: 100%;
--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
--detail-panel-width: calc(100vw / 3);
frontend/src/styles/detail/detail-panels.css
+57 -15
View File
@@ -603,7 +603,12 @@
.tag-list.document-summary__tags,
.correspondent-list.document-summary__correspondents {
margin-top: 0.25rem;
display: inline-flex;
align-items: center;
gap: 0.35rem;
margin: 0;
flex-wrap: wrap;
justify-content: flex-end;
}
.document-summary__details {
@@ -614,26 +619,40 @@
padding: 0;
display: flex;
flex-direction: column;
gap: 1.25rem;
font-size: 0.85rem;
}
.document-summary__details-row {
display: flex;
flex-direction: column;
gap: 0.15rem;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 0.5rem;
border-top: 1px solid var(--border);
padding: 0.75rem 0;
}
.document-summary__details-row dt {
margin: 0;
font-size: 0.8rem;
color: var(--muted);
word-break: break-word;
white-space: nowrap;
flex: 0 0 auto;
}
.document-summary__details-row dd {
margin: 0;
font-size: 0.95rem;
word-break: break-word;
text-align: right;
flex: 1 1 auto;
display: inline-flex;
justify-content: flex-end;
align-items: center;
gap: 0.35rem;
flex-wrap: wrap;
}
.document-summary__details-row .icon-button {
margin: -0.25rem 0;
}
.detail-panel .doc-title-edit,
@@ -644,10 +663,40 @@
width: 100%;
}
.document-summary__details-row .doc-title-edit,
.document-summary__details-row .doc-title-edit--inline {
width: auto;
flex: 1 1 auto;
}
.doc-title-edit--inline {
display: inline-flex;
align-items: center;
gap: 0.35rem;
width: auto;
}
.doc-title-edit--inline input {
width: auto;
min-width: 8rem;
}
.detail-panel .doc-title-edit input,
.document-summary .doc-title-edit input {
flex: 1;
min-width: 0;
padding: 0.3rem 0.55rem;
border-radius: 4px;
border: 1px solid var(--border);
background: var(--surface);
color: var(--fg);
font: inherit;
}
.detail-panel .doc-title-edit input:focus-visible,
.document-summary .doc-title-edit input:focus-visible {
outline: 2px solid var(--selection-ring);
outline-offset: 1px;
}
.status-inline {
@@ -918,14 +967,7 @@
margin: 0;
}
.detail-panel dt {
font-weight: 600;
margin-top: 0;
}
.detail-panel dd {
margin: 0.2rem 0 0;
}
.
.detail-panel .tag-list,
.document-summary .tag-list,
frontend/src/styles/documents/viewer.css
-2
View File
@@ -249,9 +249,7 @@
}
.detail-panel .document-viewer__section-item dd {
margin: 0;
font-size: 0.9rem;
font-weight: 500;
}
.document-viewer__section-placeholder {
frontend/src/styles/sidebar/sidebar.css
+34 -50
View File
@@ -188,48 +188,6 @@
min-height: 0;
}
.sidebar__footer {
border-top: 1px solid var(--border-muted, var(--border));
background: var(--bg);
padding: 0.6rem 0.85rem;
display: flex;
gap: 0.35rem;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
color: var(--muted);
}
.sidebar__footer-link {
display: inline-flex;
flex: 1 1 0;
align-items: center;
justify-content: center;
gap: 0.25rem;
font-size: 0.83rem;
color: inherit;
text-decoration: none;
padding: 0.2rem 0.35rem;
border-radius: 999px;
transition:
color 0.12s ease,
background-color 0.12s ease;
}
.sidebar__footer-link:visited {
color: inherit;
}
.sidebar__footer-link:hover,
.sidebar__footer-link:focus-visible {
color: var(--sidebar-fg, var(--fg));
background-color: color-mix(in srgb, var(--surface-overlay) 20%, transparent);
}
.sidebar__footer-link .icon {
flex-shrink: 0;
}
.sidebar__title {
margin: 0;
font-size: 1rem;
@@ -497,6 +455,40 @@
transition: background 0.15s ease, color 0.15s ease;
}
.menu__footer {
border-top: 1px solid var(--border);
margin-top: 0.35rem;
padding: 0.35rem 0.5rem;
display: flex;
gap: 0.35rem;
align-items: center;
justify-content: space-between;
flex-wrap: nowrap;
color: var(--muted);
}
.menu__footer-link {
display: inline-flex;
align-items: center;
gap: 0.25rem;
text-decoration: none;
color: var(--muted);
font-size: 0.82rem;
padding: 0.25rem 0.4rem;
border-radius: 999px;
transition: background 0.15s ease, color 0.15s ease;
}
.menu__footer-link:visited {
color: var(--muted);
}
.menu__footer-link:hover,
.menu__footer-link:focus-visible {
background: var(--sidebar-hover-bg);
color: var(--fg);
}
.menu__button .menu__check-slot {
width: 1rem;
display: inline-flex;
@@ -556,14 +548,6 @@
background: var(--sidebar-hover-bg);
}
.sidebar__footer .sidebar-section {
margin-top: 0;
}
.sidebar__footer .sidebar-section__actions {
gap: 0.4rem;
}
.sidebar-section:first-of-type,
.sidebar-section--folders {
margin-top: 0;