-
-
- {isFolderEditing ? (
-
- setFolderDraft(event.target.value)}
- onClick={(event) => event.stopPropagation()}
- onKeyDown={(event) => {
- if (event.key === 'Enter') {
- event.preventDefault();
- submitFolderEditing(folder);
- } else if (event.key === 'Escape') {
- event.preventDefault();
- cancelFolderEditing(event);
- }
- }}
- onBlur={(event) => {
- const nextFocus = event.relatedTarget;
- if (!nextFocus || !event.currentTarget.parentElement?.contains(nextFocus)) {
- cancelFolderEditing();
- }
- }}
- />
-
-
-
- ) : (
- {
- if (!allowInlineFolderEdit) {
- return;
- }
+
+
+
+
+ {isFolderEditing ? (
+
+ setFolderDraft(event.target.value)}
+ onClick={(event) => event.stopPropagation()}
+ onKeyDown={(event) => {
+ if (event.key === 'Enter') {
event.preventDefault();
- event.stopPropagation();
- beginFolderEditing(folder);
- }}
- onKeyDown={(event) => {
- if (!allowInlineFolderEdit) {
- return;
- }
- if (event.key === 'Enter') {
- event.preventDefault();
- event.stopPropagation();
- beginFolderEditing(folder);
- }
- }}
- >
- {folder.name}
-
- )}
+ submitFolderEditing(folder);
+ } else if (event.key === 'Escape') {
+ event.preventDefault();
+ cancelFolderEditing(event);
+ }
+ }}
+ onBlur={(event) => {
+ const nextFocus = event.relatedTarget;
+ if (!nextFocus || !event.currentTarget.parentElement?.contains(nextFocus)) {
+ cancelFolderEditing();
+ }
+ }}
+ />
+
+
-
-
-
- —
- —
+ ) : (
+ {
+ if (!allowInlineFolderEdit) {
+ return;
+ }
+ event.preventDefault();
+ event.stopPropagation();
+ beginFolderEditing(folder);
+ }}
+ onKeyDown={(event) => {
+ if (!allowInlineFolderEdit) {
+ return;
+ }
+ if (event.key === 'Enter') {
+ event.preventDefault();
+ event.stopPropagation();
+ beginFolderEditing(folder);
+ }
+ }}
+ >
+ {folder.name}
+
+ )}
+
+
|
+
— |
+
— |
);
}
diff --git a/frontend/src/styles/documents/listing.css b/frontend/src/styles/documents/listing.css
index 9741eb5..c7a0fc1 100644
--- a/frontend/src/styles/documents/listing.css
+++ b/frontend/src/styles/documents/listing.css
@@ -20,19 +20,6 @@
outline-offset: -2px;
}
-.folder-row__columns {
- display: grid;
- grid-template-columns: minmax(0, 1fr) 7rem 7rem;
- gap: 0.5rem;
- align-items: center;
-}
-
-.folder-row__meta {
- font-variant-numeric: tabular-nums;
- color: var(--muted);
- text-align: left;
-}
-
.documents-grid .folder-card.is-drop-target {
outline: 2px dashed var(--accent-strong, var(--accent));
outline-offset: 2px;