feat: dialogues themes et conflits non bloquants pour la visionneuse XLSX #154

2026-09-29 14:50:47 -04:00
parent 605060c51d
commit 8da65611cb
18 changed files with 368 additions and 77 deletions
@@ -11051,6 +11051,55 @@ body.desktop-mode .editor-container {
 .xlsx-status-formula {
  color: var(--accent);
 }
+/* #154-A2 — unsaved-change feedback: the primary button and the owning tab. */
+.xlsx-save-primary.is-dirty {
+  box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 35%, transparent);
+}
+.xlsx-tab-dirty::after {
+  content: "•";
+  margin-left: 5px;
+  color: var(--warning, #e0a800);
+}
+/* #154-A2 — non-blocking banners (conflict, …). */
+.xlsx-banner-host {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.xlsx-banner {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 10px;
+  border: 1px solid var(--border);
+  border-left: 3px solid var(--accent);
+  border-radius: 4px;
+  background: var(--surface);
+  color: var(--text-secondary);
+  font-size: 0.82rem;
+}
+.xlsx-banner-conflict {
+  border-left-color: var(--warning, #e0a800);
+}
+.xlsx-banner-icon {
+  width: 16px;
+  height: 16px;
+  flex: 0 0 auto;
+  color: var(--warning, #e0a800);
+}
+.xlsx-banner-text {
+  flex: 1;
+  min-width: 0;
+}
+.xlsx-banner-dismiss {
+  padding: 2px 8px;
+}
+.modal-confirm-text {
+  color: var(--text-primary);
+  font-size: 0.9rem;
+  line-height: 1.5;
+  white-space: pre-line;
+}
 .xlsx-table {
  background: var(--grid-bg);
 }