style(kanban) : largeur fixe des colonnes de statut + scroll horizontal conditionnel
Auto Tag Develop / tag (push) Successful in 7s
Auto Tag Develop / tag (push) Successful in 7s
Remplace flex-1/min-w par une largeur fixe (w-72) avec shrink-0 sur les colonnes du board projet et de Mes Taches. Les colonnes ne sont plus ecrasees quand un workflow compte beaucoup de statuts ; le scroll horizontal n'apparait que si elles depassent la largeur du conteneur.
This commit is contained in:
@@ -439,7 +439,7 @@ onMounted(async () => {
|
|||||||
<div
|
<div
|
||||||
v-for="cat in CATEGORIES"
|
v-for="cat in CATEGORIES"
|
||||||
:key="cat"
|
:key="cat"
|
||||||
class="flex min-w-40 flex-1 flex-col rounded-lg bg-neutral-50 transition"
|
class="flex w-72 shrink-0 flex-col rounded-lg bg-neutral-50 transition"
|
||||||
:class="dragOverCategory === cat ? 'ring-2 ring-primary-400' : ''"
|
:class="dragOverCategory === cat ? 'ring-2 ring-primary-400' : ''"
|
||||||
@dragover.prevent="dragOverCategory = cat"
|
@dragover.prevent="dragOverCategory = cat"
|
||||||
@dragleave="dragOverCategory = null"
|
@dragleave="dragOverCategory = null"
|
||||||
|
|||||||
@@ -96,7 +96,7 @@
|
|||||||
<div
|
<div
|
||||||
v-for="status in statuses"
|
v-for="status in statuses"
|
||||||
:key="status.id"
|
:key="status.id"
|
||||||
class="flex min-w-36 flex-1 flex-col rounded-lg transition-colors"
|
class="flex w-72 shrink-0 flex-col rounded-lg transition-colors"
|
||||||
:class="dragOverStatusId === status.id ? 'bg-neutral-200' : 'bg-neutral-50'"
|
:class="dragOverStatusId === status.id ? 'bg-neutral-200' : 'bg-neutral-50'"
|
||||||
@dragover.prevent
|
@dragover.prevent
|
||||||
@dragenter.prevent="onDragEnter(status.id)"
|
@dragenter.prevent="onDragEnter(status.id)"
|
||||||
|
|||||||
Reference in New Issue
Block a user