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

tags, folder rename, other stuff

Browse Source
This commit is contained in:
nils
2025-10-15 21:32:17 +02:00
parent b5119a8e6f
commit 068f96880b
13 changed files with 525 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/styles.css
+54 -4
View File
@@ -27,6 +27,7 @@
--accent-outline: rgba(63, 106, 216, 0.45);
--accent-outline-strong: rgba(63, 106, 216, 0.9);
--accent-focus: rgba(63, 106, 216, 0.85);
--surface-overlay: rgba(255, 255, 255, 0.82);
/* States specific to explorer UX */
--row-hover-bg: rgba(63, 106, 216, 0.06);
@@ -681,6 +682,7 @@ button.icon-button.ghost:hover:not([disabled]) {
cursor: pointer;
color: var(--fg);
transition: background 0.12s ease, color 0.12s ease;
position: relative;
}
.folder-row span.name {
@@ -691,6 +693,7 @@ button.icon-button.ghost:hover:not([disabled]) {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 3rem;
}
.folder-row span.name .folder-icon {
@@ -733,15 +736,27 @@ button.icon-button.ghost:hover:not([disabled]) {
transform: rotate(90deg);
}
.folder-row .icon-button {
.folder-row__actions {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
display: flex;
gap: 0;
opacity: 0;
pointer-events: none;
transition: opacity 0.12s ease;
margin-left: auto;
background-color: var(--surface-overlay);
border-radius: 8px;
padding: 0 0.18rem;
}
.folder-row:hover .icon-button,
.folder-row:focus-within .icon-button {
.folder-row__actions .icon-button {
margin: 0;
}
.folder-row:hover .folder-row__actions,
.folder-row:focus-within .folder-row__actions {
opacity: 1;
pointer-events: auto;
}
@@ -1548,3 +1563,38 @@ form.inline {
.column-toolbar .filter-bar {
margin-bottom: 0;
}
.doc-list__name {
width: 100%;
}
.doc-list__name-content {
display: inline-flex;
align-items: center;
gap: 0.22rem;
max-width: 100%;
}
.doc-list__name-content span {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.doc-list__icon-button {
opacity: 0;
pointer-events: none;
padding: 0.14rem;
margin: 0;
transition: opacity 0.12s ease;
}
.doc-list__name-content:hover .doc-list__icon-button, .doc-list__name-content:focus-within .doc-list__icon-button {
opacity: 1;
pointer-events: auto;
}
.doc-list__icon {
width: 0.9rem;
height: 0.9rem;
}