fix: multi-select icon before label, checkboxes not indented in multi-select mode

This commit is contained in:
Agent Zero
2026-07-28 12:31:18 +02:00
parent 78738f5aa9
commit 04bd5b1c09
@@ -163,7 +163,7 @@ function FolderTreeItem({
return (
<div>
<div className="flex items-center" style={{ paddingLeft: depth * 12 + 8 }}>
<div className="flex items-center" style={{ paddingLeft: multiSelectMode ? 8 : depth * 12 + 8 }}>
<div
draggable
onDragStart={(e) => {
@@ -420,10 +420,9 @@ export function ContactFolderTree({
<span>{t('contacts.allContacts')}</span>
</button>
{/* Folder tree header with add button */}
{/* Folder tree header with multi-select toggle + add button */}
<div className="flex items-center justify-between px-2 pt-2 pb-1">
<span className="text-xs font-semibold text-secondary-500 uppercase tracking-wide">Ordner</span>
<div className="flex items-center gap-1">
<div className="flex items-center gap-1.5">
<button
onClick={handleToggleMultiSelectMode}
className={`text-secondary-400 hover:text-primary-600 p-0.5 ${multiSelectMode ? 'text-primary-600 bg-primary-50 rounded' : ''}`}
@@ -437,15 +436,16 @@ export function ContactFolderTree({
<rect x="14" y="14" width="7" height="7" rx="1" />
</svg>
</button>
<button
onClick={handleNewFolder}
className="text-secondary-400 hover:text-primary-600 p-0.5"
title="Neuer Ordner"
aria-label="Neuer Ordner"
>
{icon(ICONS.plus, 'w-3.5 h-3.5')}
</button>
<span className="text-xs font-semibold text-secondary-500 uppercase tracking-wide">Ordner</span>
</div>
<button
onClick={handleNewFolder}
className="text-secondary-400 hover:text-primary-600 p-0.5"
title="Neuer Ordner"
aria-label="Neuer Ordner"
>
{icon(ICONS.plus, 'w-3.5 h-3.5')}
</button>
</div>
{/* Multi-select info */}