Ajout issue dans les commentaires

Signed-off-by: Gato <cedric@goutailler-olivier.fr>
2026-05-28 18:50:36 +02:00
parent 081b48841a
commit cd93533b7c
5 changed files with 674 additions and 9 deletions
@@ -90,3 +90,152 @@
 .comment-new {
  padding-top: 0.5rem;
 }
+
+/* --- Issues liées --- */
+
+.linked-issues {
+  display: flex;
+  flex-direction: column;
+  gap: 0.35rem;
+}
+
+.linked-issue-chip {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.4rem;
+  background: #f8fafc;
+  border: 1px solid #e2e8f0;
+  border-radius: 6px;
+  padding: 0.2rem 0.5rem;
+  max-width: fit-content;
+}
+
+.linked-issue-type-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 18px;
+  height: 18px;
+  border-radius: 3px;
+  font-size: 0.65rem;
+  font-weight: 700;
+  color: #fff;
+  flex-shrink: 0;
+}
+
+.linked-issue-name {
+  font-size: 0.8rem;
+  color: #1d4ed8;
+  text-decoration: none;
+  font-weight: 500;
+}
+
+.linked-issue-name:hover {
+  text-decoration: underline;
+}
+
+.linked-issue-status {
+  font-size: 0.68rem;
+  font-weight: 600;
+  padding: 0.1em 0.4em;
+  border-radius: 4px;
+}
+
+.linked-issue-unlink {
+  border: none;
+  background: none;
+  color: #9ca3af;
+  cursor: pointer;
+  font-size: 1rem;
+  line-height: 1;
+  padding: 0;
+  margin-left: 0.1rem;
+}
+
+.linked-issue-unlink:hover {
+  color: #b91c1c;
+}
+
+/* --- Boutons d'action liée --- */
+
+.comment-link-actions {
+  display: flex;
+  gap: 0.5rem;
+  flex-wrap: wrap;
+}
+
+.comment-link-btn {
+  border: none;
+  background: none;
+  font-size: 0.75rem;
+  color: #6b7280;
+  cursor: pointer;
+  padding: 0;
+  text-decoration: none;
+}
+
+.comment-link-btn:hover {
+  color: #1d4ed8;
+  text-decoration: underline;
+}
+
+/* --- Formulaire création tâche --- */
+
+.comment-task-form {
+  background: #f8fafc;
+  border: 1px solid #e2e8f0;
+  border-radius: 6px;
+  padding: 0.5rem;
+}
+
+/* --- Dropdown lier issue existante --- */
+
+.comment-link-form {
+  background: #f8fafc;
+  border: 1px solid #e2e8f0;
+  border-radius: 6px;
+  padding: 0.5rem;
+}
+
+.link-issue-list {
+  margin-top: 0.4rem;
+  max-height: 180px;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  gap: 0.15rem;
+}
+
+.link-issue-option {
+  display: flex;
+  align-items: center;
+  gap: 0.4rem;
+  background: #fff;
+  border: 1px solid #e2e8f0;
+  border-radius: 4px;
+  padding: 0.3rem 0.5rem;
+  cursor: pointer;
+  text-align: left;
+  width: 100%;
+}
+
+.link-issue-option:hover {
+  background: #eff6ff;
+  border-color: #bfdbfe;
+}
+
+.link-issue-option-name {
+  font-size: 0.8rem;
+  color: #111827;
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.link-issue-empty {
+  font-size: 0.78rem;
+  color: #9ca3af;
+  padding: 0.4rem 0;
+  text-align: center;
+}