Wrap folder toggle and icon in a div

This commit is contained in:
2026-02-01 02:00:15 +01:00
parent 7c6e14a71b
commit dee929998c

View File

@@ -1275,18 +1275,20 @@ export default function App() {
}}
onContextMenu={(event) => handleFolderContextMenu(event, folder)}
>
<button
className="folder-item__toggle"
type="button"
aria-label={expanded ? "Collapse folder" : "Expand folder"}
onClick={(event) => {
event.stopPropagation();
toggleFolderExpanded(folder.id);
}}
>
{expanded ? "▾" : "▸"}
</button>
<img src={folderIconSrc} alt="" className="folder-item__icon" />
<div className="folder-item__lead">
<button
className="folder-item__toggle"
type="button"
aria-label={expanded ? "Collapse folder" : "Expand folder"}
onClick={(event) => {
event.stopPropagation();
toggleFolderExpanded(folder.id);
}}
>
{expanded ? "▾" : "▸"}
</button>
<img src={folderIconSrc} alt="" className="folder-item__icon" />
</div>
{editingFolderId === folder.id ? (
<input
className="folder-item__input"