fix(frontend): Static Elements should not be interactive

This commit is contained in:
tigattack
2025-09-25 00:11:08 +01:00
parent 6e1ec0d031
commit a32007f56b
2 changed files with 8 additions and 6 deletions

View File

@@ -660,13 +660,14 @@ const ColumnSettingsModal = ({
<div className="space-y-2"> <div className="space-y-2">
{columnConfig.map((column, index) => ( {columnConfig.map((column, index) => (
<div <button
type="button"
key={column.id} key={column.id}
draggable draggable
onDragStart={(e) => handleDragStart(e, index)} onDragStart={(e) => handleDragStart(e, index)}
onDragOver={handleDragOver} onDragOver={handleDragOver}
onDrop={(e) => handleDrop(e, index)} onDrop={(e) => handleDrop(e, index)}
className={`flex items-center justify-between p-3 border rounded-lg cursor-move ${ className={`flex items-center justify-between p-3 border rounded-lg cursor-move w-full text-left ${
draggedIndex === index draggedIndex === index
? "opacity-50" ? "opacity-50"
: "hover:bg-secondary-50 dark:hover:bg-secondary-700" : "hover:bg-secondary-50 dark:hover:bg-secondary-700"
@@ -693,7 +694,7 @@ const ColumnSettingsModal = ({
<EyeOffIcon className="h-4 w-4" /> <EyeOffIcon className="h-4 w-4" />
)} )}
</button> </button>
</div> </button>
))} ))}
</div> </div>

View File

@@ -580,13 +580,14 @@ const ColumnSettingsModal = ({
<div className="space-y-3"> <div className="space-y-3">
{columnConfig.map((column, index) => ( {columnConfig.map((column, index) => (
<div <button
type="button"
key={column.id} key={column.id}
draggable draggable
onDragStart={(e) => handleDragStart(e, index)} onDragStart={(e) => handleDragStart(e, index)}
onDragOver={handleDragOver} onDragOver={handleDragOver}
onDrop={(e) => handleDrop(e, index)} onDrop={(e) => handleDrop(e, index)}
className="flex items-center justify-between p-3 bg-secondary-50 dark:bg-secondary-700 rounded-lg cursor-move hover:bg-secondary-100 dark:hover:bg-secondary-600 transition-colors" className="flex items-center justify-between p-3 bg-secondary-50 dark:bg-secondary-700 rounded-lg cursor-move hover:bg-secondary-100 dark:hover:bg-secondary-600 transition-colors w-full text-left"
> >
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<GripVertical className="h-4 w-4 text-secondary-400" /> <GripVertical className="h-4 w-4 text-secondary-400" />
@@ -605,7 +606,7 @@ const ColumnSettingsModal = ({
> >
{column.visible && <Check className="h-3 w-3 text-white" />} {column.visible && <Check className="h-3 w-3 text-white" />}
</button> </button>
</div> </button>
))} ))}
</div> </div>