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

stuff

Browse Source
This commit is contained in:
nils
2025-11-03 00:17:11 +01:00
parent c85cff720b
commit 2ee69406b6
9 changed files with 720 additions and 275 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/styles.css
+74 -2
View File
@@ -2168,6 +2168,43 @@ button.danger:hover:not([disabled]) {
width: 100%;
}
.doc-title-edit {
display: inline-flex;
align-items: center;
gap: 0.35rem;
flex-wrap: nowrap;
}
.doc-title-edit input[type='text'] {
padding: 0.3rem 0.55rem;
border-radius: 4px;
border: 1px solid var(--border);
background: var(--surface);
color: var(--fg);
min-width: 8rem;
}
.doc-title-edit input[type='text']:focus-visible {
outline: 2px solid var(--selection-ring);
outline-offset: 1px;
}
.doc-title-edit .icon-button {
flex-shrink: 0;
}
.documents-panel .doc-name__primary {
display: inline-flex;
align-items: center;
gap: 0.35rem;
flex-wrap: wrap;
}
.documents-panel .doc-name__primary-text {
overflow-wrap: anywhere;
}
.doc-entry {
display: flex;
align-items: center;
@@ -2294,16 +2331,31 @@ button.danger:hover:not([disabled]) {
}
.document-card__title {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.35rem;
color: var(--fg);
}
.document-card__title-row {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.35rem;
flex-wrap: wrap;
}
.document-card__title-badge {
padding: 0.2rem 0.7rem;
border-radius: 1rem;
max-width: 100%;
word-break: break-word;
font-size: var(--documents-grid-title-size);
color: inherit;
}
.document-card.selected .document-card__title,
.folder-card.selected .folder-card__name {
.document-card.selected .document-card__title-badge {
background-color: var(--accent);
color: var(--on-accent);
}
@@ -2346,6 +2398,14 @@ button.danger:hover:not([disabled]) {
padding-top: 0.35rem;
}
.folder-card__label-row {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.35rem;
flex-wrap: wrap;
}
.folder-card__name {
color: var(--fg);
overflow: hidden;
@@ -2356,6 +2416,18 @@ button.danger:hover:not([disabled]) {
border-radius: 1rem;
}
.folder-card__edit {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.35rem;
}
.folder-card.selected .folder-card__name {
background-color: var(--accent);
color: var(--on-accent);
}
.doc-name__title {
max-width: 100%;