From 9c6ac2986a1ae7dd0f87e848090b95428bace97f Mon Sep 17 00:00:00 2001
From: Nils <haberkamp.n@gmail.com>
Date: Fri, 17 Jan 2025 14:03:30 +0100
Subject: [PATCH] fix(component-library): fix styling of data table toolbar
 header

---
 .changeset/purple-crabs-add.md                            | 5 +++++
 .../table-and-list/mt-data-table/mt-data-table.vue        | 8 ++++++++
 2 files changed, 13 insertions(+)
 create mode 100644 .changeset/purple-crabs-add.md

diff --git a/.changeset/purple-crabs-add.md b/.changeset/purple-crabs-add.md
new file mode 100644
index 000000000..a44f98bb1
--- /dev/null
+++ b/.changeset/purple-crabs-add.md
@@ -0,0 +1,5 @@
+---
+"@shopware-ag/meteor-component-library": patch
+---
+
+hide data table toolbar when it has no header
diff --git a/packages/component-library/src/components/table-and-list/mt-data-table/mt-data-table.vue b/packages/component-library/src/components/table-and-list/mt-data-table/mt-data-table.vue
index 0f5a74d98..7d1972583 100644
--- a/packages/component-library/src/components/table-and-list/mt-data-table/mt-data-table.vue
+++ b/packages/component-library/src/components/table-and-list/mt-data-table/mt-data-table.vue
@@ -2008,6 +2008,10 @@ $tableCellPadding: $tableCellPaddingTop $tableCellPaddingRight $tableCellPadding
   .mt-card__toolbar {
     flex-direction: column;
     gap: 0;
+
+    &:has(.mt-data-table__toolbar:empty) {
+      padding: 0;
+    }
   }
 
   .mt-data-table__search {
@@ -2053,6 +2057,10 @@ $tableCellPadding: $tableCellPaddingTop $tableCellPaddingRight $tableCellPadding
     display: flex;
     align-items: center;
     gap: var(--scale-size-8);
+
+    &:empty {
+      display: none;
+    }
   }
 
   // TODO: improve the name of this css selector