cleanup
This commit is contained in:
@@ -276,29 +276,7 @@ const DocumentsTable = ({
|
|||||||
>
|
>
|
||||||
<div className="column-header">
|
<div className="column-header">
|
||||||
<div className="column-header__titles">
|
<div className="column-header__titles">
|
||||||
<nav className="breadcrumb" aria-label="Folder breadcrumbs">
|
<h2>{currentFolderName}</h2>
|
||||||
{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>
|
|
||||||
{showingSearchResults && (
|
{showingSearchResults && (
|
||||||
<div className="column-subtitle">Search results</div>
|
<div className="column-subtitle">Search results</div>
|
||||||
)}
|
)}
|
||||||
|
|||||||
@@ -1489,29 +1489,11 @@ const SkeuomorphicWorkspace = ({
|
|||||||
[queueFocusCanvas, handleTagDragEnd, onRemoveTagFromDocument, updateRemovalCursor],
|
[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 (
|
return (
|
||||||
<div className="skeuo-shell">
|
<div className="skeuo-shell">
|
||||||
<header className="skeuo-header">
|
<header className="skeuo-header">
|
||||||
<div className="skeuo-header__meta">
|
<div className="skeuo-header__meta">
|
||||||
<h2>{currentFolderName}</h2>
|
<h2>{currentFolderName}</h2>
|
||||||
{renderBreadcrumbs()}
|
|
||||||
{showingSearchResults && <span className="meta">Showing search results</span>}
|
{showingSearchResults && <span className="meta">Showing search results</span>}
|
||||||
</div>
|
</div>
|
||||||
<div className="skeuo-header__actions">
|
<div className="skeuo-header__actions">
|
||||||
|
|||||||
@@ -665,39 +665,6 @@ button.danger:hover:not([disabled]) {
|
|||||||
gap: 0.3rem;
|
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 {
|
.column-header h2 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-size: 0.9rem;
|
font-size: 0.9rem;
|
||||||
|
|||||||
Reference in New Issue
Block a user