From 9bcb507564c234826e5755a3af762d7380c57315 Mon Sep 17 00:00:00 2001 From: Shaenn <22753401+Shaenn@users.noreply.github.com> Date: Thu, 3 Sep 2026 10:51:00 +0200 Subject: [PATCH] =?UTF-8?q?Le=20pr=C3=A9fixe=20du=20verre=20revient=20?= =?UTF-8?q?=C3=A0=20autoprefixer,=20=C3=A0=20qui=20il=20appartient?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Le correctif précédent inversait les deux déclarations pour que la standard soit la dernière — donc celle que le minifieur garde. Il marchait, mais il restait suspendu à un comportement d'outil. `MainLayout` du projet voisin donnait la forme juste : une seule ligne, `backdrop-filter`, et le build sort les deux dans le bon ordre. Autoprefixer pose le préfixe avant la standard ; c'est l'écrire à la main qui produisait l'ordre inverse, et donc la disparition. Une ligne de moins, et plus rien qui dépende d'un ordre. CSS livré vérifié : identique à celui de la correction précédente. Co-Authored-By: Claude Opus 5 (1M context) --- src/css/app.scss | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/src/css/app.scss b/src/css/app.scss index bad418d..09c0f0c 100644 --- a/src/css/app.scss +++ b/src/css/app.scss @@ -610,19 +610,19 @@ body.body--dark { // l'emporte sur le fond opaque de la primitive sans `!important` — et la carte // conserve l'arête lumineuse que `.surface-card` lui donne déjà. // -// L'ordre des deux dernières lignes n'est pas indifférent, et il a coûté cher à -// trouver : le minifieur tient le préfixe et la propriété standard pour -// équivalents, et ne garde que **la dernière** des deux. Écrite en premier, la -// standard disparaissait du CSS livré — le build ne portait plus que -// `-webkit-backdrop-filter`, que ce Chrome n'honore pas. Les panneaux gardaient -// donc leur fond translucide sans le flou qui le rend opaque, et l'on lisait la -// page au travers. Le repli ci-dessous ne rattrapait rien : il teste le -// *support* du navigateur, qui est acquis, pas la présence de la règle. +// **Le préfixe `-webkit-` ne s'écrit pas ici.** Autoprefixer le pose, et il le +// pose au bon endroit — avant la propriété standard. L'écrire à la main mettait +// les deux déclarations dans l'ordre inverse, et le minifieur, qui les tient +// pour équivalentes, ne garde que la dernière : la standard disparaissait du CSS +// livré. Il ne restait que le préfixe, que ce Chrome n'honore pas, si bien que +// les panneaux gardaient leur fond translucide sans le flou qui le rend opaque +// — on lisait la page au travers. Le repli ci-dessous ne rattrapait rien, et ne +// le pouvait pas : il teste le *support* du navigateur, acquis depuis +// longtemps, pas la présence de la règle. .q-drawer, .q-menu, .q-dialog__inner > .q-card { background: var(--glass-bg); - -webkit-backdrop-filter: blur(var(--glass-blur)); backdrop-filter: blur(var(--glass-blur)); }