Refactoring

target/classes/META-INF/resources/templates/components/forms/detail-field.xhtml

@@ -11,22 +11,19 @@
             <ui:param name="value" value="#{bean.property}"/>
             <ui:param name="multiline" value="true" />
         </ui:include>
+        Note : utilise l'opérateur EL `empty` pour gérer correctement null,
+               chaînes vides, 0 (entier valide) et false (booléen valide).
     -->
 
-    <div class="mb-3">
-        <div class="text-600 text-sm mb-1">
-            <h:outputText value="#{label}" />
+    <h:panelGroup rendered="#{not empty value}">
+        <div class="mb-4">
+            <div style="font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text-color-secondary);opacity:.7;margin-bottom:.35rem;">
+                <h:outputText value="#{label}" />
+            </div>
+            <div style="font-size:.925rem;font-weight:600;color:var(--text-color);#{multiline ? 'white-space:pre-line;line-height:1.6;' : ''}">
+                <h:outputText value="#{value}" escape="true" />
+            </div>
         </div>
-        <div class="text-900">
-            <h:outputText value="#{value}"
-                          rendered="#{value != null}"
-                          escape="true"
-                          style="#{multiline ? 'white-space: pre-line;' : ''}" />
-            <h:outputText value="Non renseigné"
-                          rendered="#{value == null}"
-                          styleClass="text-400" />
-        </div>
-    </div>
+    </h:panelGroup>
+
 </ui:composition>
-
-