Leopoldadmin/leocrm
1
0
Fork 0
Code Issues 363 Pull Requests Actions Packages Projects Releases 1 Wiki Activity

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

Browse Source
This commit is contained in:
Agent Zero
2026-07-28 12:31:18 +02:00
parent 78738f5aa9
commit 04bd5b1c09
1 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/contacts/ContactFolderTree.tsx
+12 -12
View File
@@ -163,7 +163,7 @@ function FolderTreeItem({
return ( return (
<div> <div>
<div className="flex items-center" style={{ paddingLeft: depth * 12 + 8 }}> <div className="flex items-center" style={{ paddingLeft: multiSelectMode ? 8 : depth * 12 + 8 }}>
<div <div
draggable draggable
onDragStart={(e) => { onDragStart={(e) => {
@@ -420,10 +420,9 @@ export function ContactFolderTree({
<span>{t('contacts.allContacts')}</span> <span>{t('contacts.allContacts')}</span>
</button> </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"> <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.5">
<div className="flex items-center gap-1">
<button <button
onClick={handleToggleMultiSelectMode} onClick={handleToggleMultiSelectMode}
className={`text-secondary-400 hover:text-primary-600 p-0.5 ${multiSelectMode ? 'text-primary-600 bg-primary-50 rounded' : ''}`} 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" /> <rect x="14" y="14" width="7" height="7" rx="1" />
</svg> </svg>
</button> </button>
<button <span className="text-xs font-semibold text-secondary-500 uppercase tracking-wide">Ordner</span>
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> </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> </div>
{/* Multi-select info */} {/* Multi-select info */}