fix: boutons commentaire sous le textarea

This commit is contained in:
2026-05-31 12:45:47 +00:00
parent b6a2514c45
commit 8fecee5984
+5 -5
View File
@@ -188,13 +188,13 @@ window.dispatchEvent(new Event('tiptap-loaded'));
.comment-delete { margin-left: auto; background: none; border: none; font-size: 13px; color: var(--text-light); cursor: pointer; padding: 0 4px; } .comment-delete { margin-left: auto; background: none; border: none; font-size: 13px; color: var(--text-light); cursor: pointer; padding: 0 4px; }
.comment-delete:hover { color: #8b3030; } .comment-delete:hover { color: #8b3030; }
.comment-text { font-size: 14px; color: var(--text); line-height: 1.5; } .comment-text { font-size: 14px; color: var(--text); line-height: 1.5; }
.comment-add { display: flex; gap: 8px; align-items: flex-end; } .comment-add { display: flex; flex-direction: column; gap: 8px; }
.comment-add textarea { flex: 1; padding: 8px 12px; border: 1px solid var(--border); border-radius: 8px; font-size: 13px; font-family: 'Lora', serif; color: var(--text); background: var(--bg-input); resize: none; min-height: 36px; max-height: 80px; outline: none; } .comment-add textarea { width: 100%; padding: 8px 12px; border: 1px solid var(--border); border-radius: 8px; font-size: 13px; font-family: 'Lora', serif; color: var(--text); background: var(--bg-input); resize: none; min-height: 36px; max-height: 80px; outline: none; }
.comment-add textarea:focus { border-color: var(--accent); } .comment-add textarea:focus { border-color: var(--accent); }
.comment-add-btns { display: flex; flex-direction: column; gap: 4px; } .comment-add-btns { display: flex; gap: 8px; justify-content: flex-end; }
.comment-send { padding: 6px 12px; background: var(--accent); color: var(--bg); border: none; border-radius: 6px; font-size: 12px; font-weight: 600; font-family: 'Lora', serif; cursor: pointer; white-space: nowrap; } .comment-send { padding: 6px 14px; background: var(--accent); color: var(--bg); border: none; border-radius: 6px; font-size: 12px; font-weight: 600; font-family: 'Lora', serif; cursor: pointer; white-space: nowrap; }
.comment-send:hover { background: var(--accent-hover); } .comment-send:hover { background: var(--accent-hover); }
.comment-author-toggle { padding: 4px 10px; background: var(--bg); border: 1px solid var(--border); border-radius: 6px; font-size: 11px; font-weight: 700; cursor: pointer; font-family: 'Lora', serif; color: var(--text-muted); } .comment-author-toggle { padding: 5px 12px; background: var(--bg); border: 1px solid var(--border); border-radius: 6px; font-size: 11px; font-weight: 700; cursor: pointer; font-family: 'Lora', serif; color: var(--text-muted); }
.comment-author-toggle:hover { border-color: var(--accent); } .comment-author-toggle:hover { border-color: var(--accent); }
/* Acte colors on card top border */ /* Acte colors on card top border */