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

cleanup

Browse Source
This commit is contained in:
nils
2025-11-18 13:16:35 +01:00
parent 0b0a1a88fd
commit 0c37ef5578
20 changed files with 434 additions and 417 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/styles/detail/detail-panels.css
+6
View File
@@ -63,6 +63,12 @@
gap: 0.5rem;
padding: 0.5rem;
min-width: 0;
flex-shrink: 0;
}
.panel-header .icon {
width: 1.35rem;
height: 1.35rem;
}
.panel-header__leading,
frontend/src/styles/documents/controls.css
+4 -9
View File
@@ -4,7 +4,7 @@
gap: 0.25rem;
}
.view-toggle__button {
.toggle-button {
border: 1px solid var(--border);
background: transparent;
color: var(--muted);
@@ -14,24 +14,19 @@
transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.view-toggle__button:hover,
.view-toggle__button:focus-visible {
.toggle-button:hover,
.toggle-button:focus-visible {
background: var(--surface-subtle);
color: var(--fg);
outline: none;
}
.view-toggle__button.active {
.toggle-button.active {
background: var(--accent);
color: var(--on-accent);
border-color: var(--accent);
}
.view-toggle__icon {
width: 1.4rem;
height: 1.4rem;
}
.documents-actions__sort-group {
display: inline-flex;
align-items: center;
frontend/src/styles/documents/listing.css
+9 -22
View File
@@ -2,10 +2,18 @@
padding: 0 0.75rem 0.75rem 0.75rem;
display: flex;
flex-direction: column;
flex: 1 1 auto;
min-height: 0;
overflow-y: auto;
--documents-list-row-height: calc(48px + 0.2rem);
}
.documents-panel:focus-visible {
outline: 2px solid var(--selection-ring);
outline-offset: 2px;
border-radius: 0.25rem;
}
.tags-panel,
.correspondents-panel {
padding: 1.25rem;
@@ -53,12 +61,6 @@
overflow: hidden;
}
.documents-panel .panel-section__body {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.panel-floating-region {
position: sticky;
top: 0.5rem;
@@ -221,25 +223,10 @@
}
}
.documents-panel .documents-scroll {
overflow-y: auto;
background: transparent;
min-height: 0;
padding-right: 0.3rem;
flex-grow: 1;
}
.documents-panel .documents-scroll:focus-visible {
outline: 2px solid var(--selection-ring);
outline-offset: 2px;
border-radius: 0.25rem;
}
.documents-panel table {
max-width: 100%;
border-collapse: collapse;
font-size: 0.88rem;
margin-top: 0.4rem;
}
.documents-panel thead th {
@@ -258,7 +245,7 @@
text-align: left;
}
.documents-panel--view-grid .documents-scroll {
.documents-panel--view-grid {
padding: 0.35rem 0.5rem 1rem;
}
frontend/src/styles/documents/panel-sections.css
+4 -2
View File
@@ -51,12 +51,13 @@
.breadcrumb-trail {
display: flex;
align-items: center;
gap: 0.35rem;
gap: 0.05rem;
flex-wrap: nowrap;
min-width: 0;
flex: 1 1 auto;
max-width: 100%;
overflow: hidden;
margin-left: -0.25rem;
}
.breadcrumb-trail--measure {
@@ -91,7 +92,8 @@
}
button.breadcrumb-trail__link,
.breadcrumb-trail__ellipsis-button {
.breadcrumb-trail__ellipsis-button,
.breadcrumb-trail__link.is-current {
padding: 0.25rem;
background: none;
border-radius: 0.25rem;
frontend/src/styles/documents/shared-snippets.css
-5
View File
@@ -19,8 +19,3 @@
width: 100%;
height: 100%;
}
.panel-header .icon-button svg {
width: 1.41rem;
height: 1.41rem;
}
frontend/src/styles/documents/viewer.css
+19
View File
@@ -396,6 +396,25 @@
height: 100%;
}
.document-viewer__object--audio,
.document-viewer__object--video {
width: 100%;
max-width: 100%;
margin: auto;
background: var(--surface-overlay, #000);
}
.document-viewer__object--audio {
height: auto;
background: transparent;
}
.document-viewer__object--video {
height: 100%;
max-height: 100%;
object-fit: contain;
}
.document-viewer__object:not(.document-viewer__object--image) {
height: 100%;
}
frontend/src/styles/layout/structure.css
+8 -49
View File
@@ -1,5 +1,6 @@
.app-shell {
height: 100%;
height: 100dvh;
height: 100vh;
display: flex;
flex-direction: column;
color: var(--fg);
@@ -7,10 +8,9 @@
.documents-main {
height: 100%;
flex: 1;
display: flex;
min-height: 100vh;
min-height: 100dvh;
width: 100%;
position: relative;
}
@@ -22,6 +22,7 @@
.main-content {
display: flex;
flex-direction: column;
height: 100%;
min-height: 0;
min-width: 0;
margin: 0;
@@ -35,20 +36,10 @@
border-left: 1px solid var(--border);
}
.main-content__header {
padding: 0.5rem 1.25rem;
justify-content: space-between;
align-items: center;
gap: 0.75rem;
}
.main-content__header-wrapper {
position: relative;
}
.main-content__body {
position: relative;
flex: 1 1 auto;
flex-direction: column;
display: flex;
min-height: 0;
}
@@ -58,38 +49,19 @@
min-height: 0;
}
.main-content__body > *:not(.detail-panel) {
flex: 1 1 auto;
}
.main-content__body--workspace.main-content__body--has-detail > .desk-shell {
.main-content__body--workspace.main-content__body > .desk-shell {
margin-right: calc(-1 * var(--detail-panel-width));
}
.main-content--has-detail {
.main-content {
padding-right: var(--detail-panel-width);
}
.main-content__title {
margin: 0;
font-size: 1rem;
font-weight: 600;
color: var(--fg);
}
.documents-main--sidebar-hidden {
position: relative;
grid-template-columns: auto minmax(0, 1fr);
}
.sidebar .panel-header .icon,
.main-content__header .icon,
.detail-panel .panel-header .icon {
width: 1.35rem;
height: 1.35rem;
}
.main-content__actions {
display: flex;
align-items: center;
@@ -102,25 +74,12 @@
color: var(--muted-subtle);
}
.main-content__title {
margin: 0;
font-size: 1rem;
font-weight: 600;
color: var(--fg);
display: flex;
align-items: center;
gap: 0.5rem;
min-width: 0;
flex: 1 1 auto;
overflow: hidden;
}
.main-content__breadcrumbs {
flex: 1 1 auto;
overflow: hidden;
}
.main-content__subtitle {
.panel-header__subtitle {
font-size: 0.9rem;
color: var(--muted);
font-weight: 400;
frontend/src/styles/sidebar/sidebar.css
+7 -4
View File
@@ -134,6 +134,7 @@
background: var(--bg);
position: relative;
z-index: 1000000;
container-type: inline-size;
}
.sidebar--resizing {
@@ -210,15 +211,17 @@
display: inline-block;
}
@container (max-width: 20rem) {
.sidebar__title-text {
display: none;
}
}
.sidebar__tenant {
color: var(--muted);
font-weight: 500;
}
.sidebar__header {
position: relative;
}
.sidebar__title-button {
display: inline-flex;
align-items: center;
frontend/src/styles/uploads/overlay.css
+6 -21
View File
@@ -1,7 +1,7 @@
.upload-queue-overlay {
position: fixed;
bottom: 24px;
right: 24px;
right: calc(24px + var(--detail-panel-width, 0px));
width: min(360px, calc(100vw - 32px));
background: var(--surface);
border: 1px solid var(--border);
@@ -10,30 +10,15 @@
z-index: 400;
display: flex;
flex-direction: column;
gap: 0.5rem;
padding: 0.9rem;
color: var(--fg);
}
.upload-queue-overlay__header {
padding: 0;
border: none;
}
.upload-queue-overlay__title {
display: inline-flex;
align-items: center;
gap: 0.4rem;
font-weight: 600;
font-size: 0.95rem;
min-width: 0;
}
.upload-queue-overlay__summary {
font-size: 0.8rem;
color: var(--muted);
white-space: nowrap;
.upload-queue-overlay__body {
padding: 0.6rem 0.9rem 0.9rem;
display: flex;
flex-direction: column;
gap: 0.6rem;
}
.upload-queue-overlay__controls {