From 6dff6380efea472e78dc07f4cfa80f0941f892b7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Thu, 4 Jun 2026 19:45:12 +0200
Subject: [PATCH] Color large table load more row

---
 components/data-display.html          | 2 +-
 styles/42-components-data-display.css | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/data-display.html b/components/data-display.html
index cec3d9e..b024738 100644
--- a/components/data-display.html
+++ b/components/data-display.html
@@ -207,7 +207,7 @@
         <div class="sg-large-table__cell" role="cell">E10</div>
       </div>
 
-      <div class="sg-card-segment sg-card-segment--body sg-card-segment--white sg-large-table__row" role="row" data-component-part="large-table-row" data-large-table-load-more-row="true">
+      <div class="sg-card-segment sg-card-segment--body sg-card-segment--white sg-large-table__row sg-large-table__row--load-more" role="row" data-component-part="large-table-row" data-large-table-load-more-row="true">
         <div class="sg-large-table__cell sg-large-table__cell--load-more" role="cell">
           <div class="sg-navigation-card-layout sg-large-table__load-more-layout">
             <div class="sg-navigation-card-block">
diff --git a/styles/42-components-data-display.css b/styles/42-components-data-display.css
index 5bb263e..8d558b7 100644
--- a/styles/42-components-data-display.css
+++ b/styles/42-components-data-display.css
@@ -101,6 +101,10 @@
   background: var(--color-light-grey);
 }
 
+.sg-large-table__row--load-more {
+  background: var(--color-medium-grey);
+}
+
 .sg-large-table__cell {
   min-width: 0;
   padding: 0 var(--spacing-small);