This commit is contained in:
2025-10-25 23:49:51 +02:00
parent dc633783e0
commit c53213a357
3 changed files with 1 additions and 74 deletions
+1 -23
View File
@@ -276,29 +276,7 @@ const DocumentsTable = ({
>
<div className="column-header">
<div className="column-header__titles">
<nav className="breadcrumb" aria-label="Folder breadcrumbs">
{breadcrumbs.map((crumb, index) => {
const isLast = index === breadcrumbs.length - 1;
return (
<span key={crumb.id} className="breadcrumb-item">
{isLast ? (
<span className="breadcrumb-current">{crumb.name}</span>
) : (
<a
href="#"
onClick={(event) => {
event.preventDefault();
onFolderSelect(crumb.id);
}}
>
{crumb.name}
</a>
)}
{!isLast && <span className="breadcrumb-separator"></span>}
</span>
);
})}
</nav>
<h2>{currentFolderName}</h2>
{showingSearchResults && (
<div className="column-subtitle">Search results</div>
)}
-18
View File
@@ -1489,29 +1489,11 @@ const SkeuomorphicWorkspace = ({
[queueFocusCanvas, handleTagDragEnd, onRemoveTagFromDocument, updateRemovalCursor],
);
const renderBreadcrumbs = () => {
if (!breadcrumbs.length) return null;
return (
<nav className="skeuo-breadcrumbs" aria-label="Folder breadcrumbs">
{breadcrumbs.map((crumb, index) => {
const isLast = index === breadcrumbs.length - 1;
return (
<span key={crumb.id} className={`skeuo-crumb${isLast ? ' is-current' : ''}`}>
{crumb.name}
{!isLast && <span className="skeuo-crumb-separator"></span>}
</span>
);
})}
</nav>
);
};
return (
<div className="skeuo-shell">
<header className="skeuo-header">
<div className="skeuo-header__meta">
<h2>{currentFolderName}</h2>
{renderBreadcrumbs()}
{showingSearchResults && <span className="meta">Showing search results</span>}
</div>
<div className="skeuo-header__actions">
-33
View File
@@ -665,39 +665,6 @@ button.danger:hover:not([disabled]) {
gap: 0.3rem;
}
.breadcrumb {
display: flex;
align-items: center;
gap: 0.3rem;
font-size: 0.85rem;
color: var(--muted);
}
.breadcrumb-item {
display: inline-flex;
align-items: center;
gap: 0.3rem;
}
.breadcrumb-item a {
text-decoration: none;
color: var(--accent);
}
.breadcrumb-item a:hover,
.breadcrumb-item a:focus {
text-decoration: underline;
}
.breadcrumb-current {
font-weight: 600;
color: var(--fg);
}
.breadcrumb-separator {
color: var(--muted);
}
.column-header h2 {
margin: 0;
font-size: 0.9rem;