From 87f9227d19a73ed313ed57dccc10b19bdeccf074 Mon Sep 17 00:00:00 2001
From: Matheus Zych <mzych@databay.de>
Date: Fri, 13 Feb 2026 14:39:43 +0100
Subject: [PATCH] Reimplements presentation table important fields with
 dl/dt/dd and fixes label spacing

---
 .../src/examples/Table/Presentation/base.php  | 10 ++++----
 .../default/Table/tpl.presentationrow.html    | 24 ++++++++++---------
 .../Component/Table/PresentationTest.php      | 21 +++++++++-------
 .../Table/_ui-component_table.scss            |  2 +-
 templates/default/delos.css                   |  2 +-
 5 files changed, 32 insertions(+), 27 deletions(-)

diff --git a/components/ILIAS/UI/src/examples/Table/Presentation/base.php b/components/ILIAS/UI/src/examples/Table/Presentation/base.php
index 391501792125..0f6f96171595 100755
--- a/components/ILIAS/UI/src/examples/Table/Presentation/base.php
+++ b/components/ILIAS/UI/src/examples/Table/Presentation/base.php
@@ -73,7 +73,7 @@ function ($row, $record, $ui_factory, $environment) use ($modal) { //mapping-clo
                     array(
                         $record['begin_date'],
                         $record['location'],
-                        'Available Slots: ' => $record['bookings_available']
+                        'Available Slots' => $record['bookings_available']
                     )
                 )
 
@@ -90,11 +90,11 @@ function ($row, $record, $ui_factory, $environment) use ($modal) { //mapping-clo
                 ->withFurtherFieldsHeadline('Detailed Information')
                 ->withFurtherFields(
                     array(
-                        'Location: ' => $record['location'],
+                        'Location' => $record['location'],
                         $record['address'],
-                        'Date: ' => $record['date'],
-                        'Available Slots: ' => $record['bookings_available'],
-                        'Fee: ' => $record['fee']
+                        'Date' => $record['date'],
+                        'Available Slots' => $record['bookings_available'],
+                        'Fee' => $record['fee']
                     )
                 )
                 ->withAction(
diff --git a/components/ILIAS/UI/src/templates/default/Table/tpl.presentationrow.html b/components/ILIAS/UI/src/templates/default/Table/tpl.presentationrow.html
index 2ad28a00922d..249f5582ee10 100755
--- a/components/ILIAS/UI/src/templates/default/Table/tpl.presentationrow.html
+++ b/components/ILIAS/UI/src/templates/default/Table/tpl.presentationrow.html
@@ -25,18 +25,20 @@ <h4 class="il-table-presentation-row-header-headline" onClick="$(document).trigg
 				</h4>
 
 				<div class="il-table-presentation-row-header-fields">
-					<!-- BEGIN important_field -->
-					<div class="l-bar__space-keeper">
-						<div class="l-bar__group">
-							<!-- BEGIN important_field_label -->
-							<div class="il-table-presentation-row-header-fields-label l-bar__element">{IMPORTANT_FIELD_LABEL}</div>
-							<!-- END important_field_label -->
-							<!-- BEGIN important_field_value -->
-							<div class="il-table-presentation-row-header-fields-value l-bar__element">{IMPORTANT_FIELD_VALUE}</div>
-							<!-- END important_field_value -->
+					<dl>
+						<!-- BEGIN important_field -->
+						<div class="l-bar__space-keeper">
+							<div class="l-bar__group">
+								<!-- BEGIN important_field_label -->
+								<dt class="il-table-presentation-row-header-fields-label l-bar__element">{IMPORTANT_FIELD_LABEL}</dt>
+								<!-- END important_field_label -->
+								<!-- BEGIN important_field_value -->
+								<dd class="il-table-presentation-row-header-fields-value l-bar__element">{IMPORTANT_FIELD_VALUE}</dd>
+								<!-- END important_field_value -->
+							</div>
 						</div>
-					</div>
-					<!-- END important_field -->
+						<!-- END important_field -->
+					</dl>
 					{SHY_EXPANDER}
 				</div>
 			</div>
diff --git a/components/ILIAS/UI/tests/Component/Table/PresentationTest.php b/components/ILIAS/UI/tests/Component/Table/PresentationTest.php
index 40d69413d2f0..14a5ebe36995 100755
--- a/components/ILIAS/UI/tests/Component/Table/PresentationTest.php
+++ b/components/ILIAS/UI/tests/Component/Table/PresentationTest.php
@@ -180,16 +180,18 @@ public function testFullRendering(): void
                        <h4 class="il-table-presentation-row-header-headline" onClick="$(document).trigger('il_signal...');">some title<br /><small>some type</small>
                        </h4>
                        <div class="il-table-presentation-row-header-fields">
-                          <div class="l-bar__space-keeper">
-                              <div class="l-bar__group">
-                                  <div class="il-table-presentation-row-header-fields-value l-bar__element">important-1</div>
+                          <dl>
+                              <div class="l-bar__space-keeper">
+                                  <div class="l-bar__group">
+                                      <dd class="il-table-presentation-row-header-fields-value l-bar__element">important-1</dd>
+                                  </div>
                               </div>
-                          </div>
-                          <div class="l-bar__space-keeper">
-                              <div class="l-bar__group">
-                                  <div class="il-table-presentation-row-header-fields-value l-bar__element">important-2</div>
+                              <div class="l-bar__space-keeper">
+                                  <div class="l-bar__group">
+                                      <dd class="il-table-presentation-row-header-fields-value l-bar__element">important-2</dd>
+                                  </div>
                               </div>
-                          </div>
+                          </dl>
                           <button class="btn btn-link" id="id_7">presentation_table_more</button>
                        </div>
                    </div>
@@ -281,7 +283,8 @@ public function testMinimalRendering(): void
                 <div class="row">
                     <div class="il-table-presentation-row-header col-lg col-sm-12">
                         <h4 class="il-table-presentation-row-header-headline" onClick="$(document).trigger('il_signal...');">some title</h4>
-                        <div class="il-table-presentation-row-header-fields">                  
+                        <div class="il-table-presentation-row-header-fields">
+                            <dl></dl>
                             <button class="btn btn-link" id="id_7">presentation_table_more</button>
                         </div>
                     </div>
diff --git a/templates/default/070-components/UI-framework/Table/_ui-component_table.scss b/templates/default/070-components/UI-framework/Table/_ui-component_table.scss
index 5e5dd670d967..e55a44e59ac4 100755
--- a/templates/default/070-components/UI-framework/Table/_ui-component_table.scss
+++ b/templates/default/070-components/UI-framework/Table/_ui-component_table.scss
@@ -93,7 +93,7 @@ $il-table-presentation-details-viewcontrols-btn-bg: white;
     // add : to both importantfields and desclist keys
     .il-table-presentation-row-header-fields-label::after,
     .il-table-presentation-desclist .il-listing-characteristic-value-label::after {
-        content: ":";
+        content: ":\00a0";
     }
 
     .il-table-presentation-row-expanded {
diff --git a/templates/default/delos.css b/templates/default/delos.css
index cb7216b3c389..9cd76ae6cf22 100644
--- a/templates/default/delos.css
+++ b/templates/default/delos.css
@@ -11914,7 +11914,7 @@ div.alert ul {
 }
 .il-table-presentation-row .il-table-presentation-row-header-fields-label::after,
 .il-table-presentation-row .il-table-presentation-desclist .il-listing-characteristic-value-label::after {
-  content: ":";
+  content: ":\00a0";
 }
 .il-table-presentation-row .il-table-presentation-row-expanded {
   margin-top: 6px;