From 7460fbc83a7eb296fc8c407ad38760df6263682d Mon Sep 17 00:00:00 2001
From: Coleman Watts <coleman@civicrm.org>
Date: Wed, 27 Apr 2022 20:06:05 +0200
Subject: [PATCH] SearchKit - Move grid css to its own file

---
 css/civicrm.css                               | 24 -------------------
 .../ang/crmSearchDisplayGrid.ang.php          |  5 +++-
 ext/search_kit/css/crmSearchDisplayGrid.css   | 23 ++++++++++++++++++
 3 files changed, 27 insertions(+), 25 deletions(-)
 create mode 100644 ext/search_kit/css/crmSearchDisplayGrid.css

diff --git a/css/civicrm.css b/css/civicrm.css
index 26c93d3075..58fb66bf88 100644
--- a/css/civicrm.css
+++ b/css/civicrm.css
@@ -3900,30 +3900,6 @@ span.crm-status-icon {
   border: 1px solid grey;
 }
 
-/* search kit grid layout styling */
-.crm-search-display-grid-container {
-  display: grid;
-  grid-gap: 1em;
-  align-items: center;
-  justify-items: center;
-}
-
-.crm-search-display-grid-layout-2 {
-  grid-template-columns: repeat(2, 1fr);
-}
-
-.crm-search-display-grid-layout-3 {
-  grid-template-columns: repeat(3, 1fr);
-}
-
-.crm-search-display-grid-layout-4 {
-  grid-template-columns: repeat(4, 1fr);
-}
-
-.crm-search-display-grid-layout-5 {
-  grid-template-columns: repeat(5, 1fr);
-}
-
 /* Dedupe rules */
 .crm-dedupe-rules-form-block-used div {
   max-width: 800px;
diff --git a/ext/search_kit/ang/crmSearchDisplayGrid.ang.php b/ext/search_kit/ang/crmSearchDisplayGrid.ang.php
index 727e6d5f4f..d0a4566899 100644
--- a/ext/search_kit/ang/crmSearchDisplayGrid.ang.php
+++ b/ext/search_kit/ang/crmSearchDisplayGrid.ang.php
@@ -1,5 +1,5 @@
 <?php
-// Module for rendering List Search Displays.
+// Module for rendering Grid Search Displays.
 return [
   'js' => [
     'ang/crmSearchDisplayGrid.module.js',
@@ -8,6 +8,9 @@ return [
   'partials' => [
     'ang/crmSearchDisplayGrid',
   ],
+  'css' => [
+    'css/crmSearchDisplayGrid.css',
+  ],
   'basePages' => ['civicrm/search', 'civicrm/admin/search'],
   'requires' => ['crmSearchDisplay', 'crmUi', 'ui.bootstrap'],
   'bundles' => ['bootstrap3'],
diff --git a/ext/search_kit/css/crmSearchDisplayGrid.css b/ext/search_kit/css/crmSearchDisplayGrid.css
new file mode 100644
index 0000000000..7d512894b9
--- /dev/null
+++ b/ext/search_kit/css/crmSearchDisplayGrid.css
@@ -0,0 +1,23 @@
+/* search kit grid layout styling */
+.crm-search-display-grid-container {
+  display: grid;
+  grid-gap: 1em;
+  align-items: center;
+  justify-items: center;
+}
+
+.crm-search-display-grid-layout-2 {
+  grid-template-columns: repeat(2, 1fr);
+}
+
+.crm-search-display-grid-layout-3 {
+  grid-template-columns: repeat(3, 1fr);
+}
+
+.crm-search-display-grid-layout-4 {
+  grid-template-columns: repeat(4, 1fr);
+}
+
+.crm-search-display-grid-layout-5 {
+  grid-template-columns: repeat(5, 1fr);
+}
-- 
2.25.1