From 4947e0c92697aa241e4b963783a62e2c6c223426 Mon Sep 17 00:00:00 2001 From: Ronan Lenouvel Date: Wed, 30 Sep 2026 16:28:32 +0200 Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20style(takeout):=20met=20en=20ver?= =?UTF-8?q?t=20le=20message=20"le=20serveur=20travaille"?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Se fondait dans le texte secondaire gris, alors que c'est l'information rassurante qu'on veut que l'utilisateur remarque en priorité — nouvelle classe .hc-safe-to-close réutilisée sur les deux emplacements (liste des imports actifs #555, bloc progress #482). --- assets/controllers/takeout_import_controller.js | 3 +-- assets/styles/takeout-import.css | 8 ++++++++ assets/tests/takeout-import-controller.test.js | 1 + templates/web/takeout_import.html.twig | 2 +- var/tailwind/app.built.css | 2 +- 5 files changed, 12 insertions(+), 4 deletions(-) diff --git a/assets/controllers/takeout_import_controller.js b/assets/controllers/takeout_import_controller.js index 1c62c65b..d5a2289f 100644 --- a/assets/controllers/takeout_import_controller.js +++ b/assets/controllers/takeout_import_controller.js @@ -147,8 +147,7 @@ export default class extends Controller { // soi-même démarré un upload avait ce message (#482). if (['scheduled', 'extracting', 'processing'].includes(pendingImport.status)) { const safeToCloseMessage = document.createElement('p'); - safeToCloseMessage.className = 'text-xs'; - safeToCloseMessage.style.color = 'var(--hc-text-secondary, var(--hc-text))'; + safeToCloseMessage.className = 'text-xs hc-safe-to-close'; safeToCloseMessage.textContent = 'Le serveur travaille : vous pouvez quitter cette page, l\'import continue en arrière-plan.'; li.appendChild(safeToCloseMessage); } diff --git a/assets/styles/takeout-import.css b/assets/styles/takeout-import.css index ff74d0f1..c40f72c9 100644 --- a/assets/styles/takeout-import.css +++ b/assets/styles/takeout-import.css @@ -28,3 +28,11 @@ 0%, 100% { opacity: 0.6; } 50% { opacity: 1; } } + +/* Message "le serveur travaille, vous pouvez quitter la page" (#482, #555) — + * en vert pour ressortir clairement dans la liste des imports actifs, plutôt + * que de se fondre dans le texte secondaire gris. */ +.hc-safe-to-close { + color: #22c55e; + font-weight: 500; +} diff --git a/assets/tests/takeout-import-controller.test.js b/assets/tests/takeout-import-controller.test.js index 9d75fa81..53f53bd8 100644 --- a/assets/tests/takeout-import-controller.test.js +++ b/assets/tests/takeout-import-controller.test.js @@ -656,6 +656,7 @@ describe('liste des imports Takeout en attente (#481)', () => { const item = document.querySelector('[data-takeout-import-target="pendingList"] li'); expect(item.textContent).toMatch(/quitter cette page/i); + expect(item.querySelector('.hc-safe-to-close')).not.toBeNull(); }, ); diff --git a/templates/web/takeout_import.html.twig b/templates/web/takeout_import.html.twig index 5d3e1f91..0dbe563d 100644 --- a/templates/web/takeout_import.html.twig +++ b/templates/web/takeout_import.html.twig @@ -114,7 +114,7 @@ parsing, import), contrairement à la phase d'upload (#481), fermer l'onglet est sans risque — le traitement continue en arrière-plan et reste consultable au retour sur la page. --> -