+
setActiveField('title')}
placeholder="Titre de la tâche..."
disabled={isSubmitting}
- className="flex-1 bg-transparent border-none outline-none text-[var(--foreground)] font-mono text-sm font-medium placeholder-[var(--muted-foreground)] leading-tight"
+ className="flex-1 min-w-0 bg-transparent border-none outline-none text-[var(--foreground)] font-mono text-sm font-medium placeholder-[var(--muted-foreground)] leading-tight"
/>
{/* Indicateur de priorité */}
@@ -149,11 +149,12 @@ export function QuickAddTask({ status, onSubmit, onCancel, swimlaneContext }: Qu
value={formData.priority}
onChange={(e) => setFormData(prev => ({ ...prev, priority: e.target.value as TaskPriority }))}
disabled={isSubmitting}
- className="bg-transparent border-none outline-none text-xs font-mono text-[var(--muted-foreground)]"
+ className="flex-shrink-0 w-10 bg-transparent border-none outline-none text-lg text-[var(--muted-foreground)] cursor-pointer text-center"
+ title={getAllPriorities().find(p => p.key === formData.priority)?.label}
>
{getAllPriorities().map(priorityConfig => (
))}
@@ -179,6 +180,7 @@ export function QuickAddTask({ status, onSubmit, onCancel, swimlaneContext }: Qu
placeholder="Tags..."
maxTags={5}
className="text-xs"
+ compactSuggestions={true}
/>
diff --git a/components/ui/TagInput.tsx b/components/ui/TagInput.tsx
index 15214ee..e4e2a36 100644
--- a/components/ui/TagInput.tsx
+++ b/components/ui/TagInput.tsx
@@ -11,6 +11,7 @@ interface TagInputProps {
placeholder?: string;
maxTags?: number;
className?: string;
+ compactSuggestions?: boolean; // Pour adapter selon l'espace
}
export function TagInput({
@@ -18,7 +19,8 @@ export function TagInput({
onChange,
placeholder = "Ajouter des tags...",
maxTags = 10,
- className = ""
+ className = "",
+ compactSuggestions = false
}: TagInputProps) {
const [inputValue, setInputValue] = useState('');
const [showSuggestions, setShowSuggestions] = useState(false);
@@ -150,14 +152,14 @@ export function TagInput({
{showSuggestions && (suggestions.length > 0 || loading) && (
{loading ? (
Recherche...
) : (
-
+
{suggestions.map((tag, index) => (