From 920539a050b7cceb21cf2bba0ee609f20835e76b Mon Sep 17 00:00:00 2001
From: Matthieu <contact@malio.fr>
Date: Mon, 8 Jun 2026 15:56:29 +0200
Subject: [PATCH] style(ui) : masquer la ligne de message Malio quand elle est
 vide
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Depuis @malio/layer-ui 1.7.5, reserveMessageSpace=true réserve ~16px
sous chaque champ même sans message. On retire cette réserve et on masque
la ligne vide (hook stable [id$=-describedby]) sans toucher la lib ni
chaque usage.
---
 frontend/assets/css/app.css | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/frontend/assets/css/app.css b/frontend/assets/css/app.css
index b94a09c..9e6b566 100644
--- a/frontend/assets/css/app.css
+++ b/frontend/assets/css/app.css
@@ -19,3 +19,20 @@
     padding-top: 1rem;
     padding-bottom: 1rem;
 }
+
+/*
+ * Champs Malio (@malio/layer-ui >= 1.7.5) : depuis cette version, la ligne de
+ * message sous chaque champ est toujours rendue (`reserveMessageSpace` à `true`
+ * par défaut) et réserve ~1rem (16px) même sans erreur/hint, ce qui décale les
+ * formulaires denses. On retire cette réserve et on masque la ligne quand elle
+ * est vide, sans désactiver l'option champ par champ ni perdre l'affichage des
+ * vraies erreurs/hints.
+ *
+ * Hook stable : la ligne de message a un id se terminant par "-describedby".
+ */
+[id$="-describedby"] {
+    min-height: 0;
+}
+[id$="-describedby"]:empty {
+    display: none;
+}