giers10/textDB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Wrap folder toggle and icon in a div

Browse Source
This commit is contained in:
Victor Giers
2026-02-01 02:00:15 +01:00
parent 7c6e14a71b
commit dee929998c
1 changed files with 14 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/App.tsx
View File

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