From 3b5346ef37dc4cdf19adc253edb5ee7343d42483 Mon Sep 17 00:00:00 2001 From: "schneider.n" Date: Sun, 15 Oct 2023 10:23:55 +0200 Subject: [PATCH] #517 fix table view by renaming the class for the header filters --- .../Private/JavaScript/ProviderListing.tsx | 2 +- .../Resources/Private/Scss/Main.scss | 24 ++++++++++++++----- 2 files changed, 19 insertions(+), 7 deletions(-) diff --git a/DistributionPackages/Neos.NeosIo.ServiceOfferings/Resources/Private/JavaScript/ProviderListing.tsx b/DistributionPackages/Neos.NeosIo.ServiceOfferings/Resources/Private/JavaScript/ProviderListing.tsx index 849e0873..11b3941f 100644 --- a/DistributionPackages/Neos.NeosIo.ServiceOfferings/Resources/Private/JavaScript/ProviderListing.tsx +++ b/DistributionPackages/Neos.NeosIo.ServiceOfferings/Resources/Private/JavaScript/ProviderListing.tsx @@ -98,7 +98,7 @@ export default function ProviderListing() { return (
-
+
diff --git a/DistributionPackages/Neos.NeosIo.ServiceOfferings/Resources/Private/Scss/Main.scss b/DistributionPackages/Neos.NeosIo.ServiceOfferings/Resources/Private/Scss/Main.scss index 90fdf4e2..362f0909 100644 --- a/DistributionPackages/Neos.NeosIo.ServiceOfferings/Resources/Private/Scss/Main.scss +++ b/DistributionPackages/Neos.NeosIo.ServiceOfferings/Resources/Private/Scss/Main.scss @@ -135,13 +135,8 @@ } } - .service-providers__grid-tableview { + .service-providers__grid-filter { .service-providers__grid-row { - border-top: 1pt solid #eee; - padding: 1rem; - margin-bottom: 0; - - &.form { padding: 0; display: flex; @@ -172,6 +167,21 @@ white-space: nowrap; } } + } + + .service-providers__grid-tableview { + .service-providers__grid-row { + display: grid; + grid-template-columns: repeat(4, 1fr); + border-top: 1pt solid #eee; + padding: 1rem; + + @media(max-width: 1023px) { + grid-template-columns: none; + grid-template-rows: 1fr; + grid-gap: 1rem; + } + } .service-providers__grid-cell { z-index: 2; @@ -187,6 +197,8 @@ margin-left: 0.5rem; } } + + } .service-providers__grid-gridview {