feat: chat — suppression de post, messages privés, boîte compacte, link preview #191

2026-10-08 22:33:29 -04:00
parent 55a9fcc0f4
commit f00a8bea8f
23 changed files with 946 additions and 66 deletions
@@ -13887,6 +13887,116 @@ body.reading-mode .file-actions {
  }
 }

+/* ---------------------------------------------------------------------------
+   #191 — Chat : canaux, suppression, bouton compact, link preview
+--------------------------------------------------------------------------- */
+.chat-channels {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  padding: 8px 10px 0;
+}
+.chat-channel {
+  border: 1px solid var(--border, #21262d);
+  border-radius: 999px;
+  background: var(--bg-secondary, #161b22);
+  color: var(--text-muted, #8b949e);
+  font-size: 0.78rem;
+  padding: 4px 10px;
+  cursor: pointer;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.chat-channel:hover {
+  color: var(--text-primary, #e6edf3);
+  border-color: var(--accent, #58a6ff);
+}
+.chat-channel.active {
+  background: var(--accent, #58a6ff);
+  border-color: var(--accent, #58a6ff);
+  color: #fff;
+}
+/* Bouton d'envoi compact : une icône, la saisie garde la largeur */
+.file-chat-send-icon {
+  padding: 6px 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+/* Suppression d'un post */
+.file-chat-del {
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  font-size: 0.75rem;
+  padding: 0 2px;
+  opacity: 0;
+  transition: opacity 0.12s;
+}
+.file-chat-msg:hover .file-chat-del {
+  opacity: 0.7;
+}
+.file-chat-del:hover {
+  opacity: 1 !important;
+}
+/* Link preview (#191) */
+.file-chat-preview {
+  display: flex;
+  gap: 10px;
+  margin-top: 8px;
+  padding: 8px;
+  border: 1px solid var(--border, #21262d);
+  border-left: 3px solid var(--accent, #58a6ff);
+  border-radius: 8px;
+  background: var(--bg-secondary, #161b22);
+  text-decoration: none;
+  color: inherit;
+  max-width: 100%;
+}
+.file-chat-preview:hover {
+  border-color: var(--accent, #58a6ff);
+}
+.file-chat-preview-img {
+  width: 72px;
+  height: 72px;
+  object-fit: cover;
+  border-radius: 6px;
+  flex-shrink: 0;
+  background: var(--bg-hover, rgba(128, 128, 128, 0.12));
+}
+.file-chat-preview-meta {
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+.file-chat-preview-site {
+  font-size: 0.68rem;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  color: var(--accent, #58a6ff);
+}
+.file-chat-preview-title {
+  font-size: 0.85rem;
+  font-weight: 600;
+  color: var(--text-primary, #e6edf3);
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+.file-chat-preview-desc {
+  font-size: 0.75rem;
+  color: var(--text-muted, #8b949e);
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+
+
 /* ---------------------------------------------------------------------------
   #190 — Chat : en-tête ciblé, onglet sidebar, pièces jointes, badge
 --------------------------------------------------------------------------- */