Merge pull request #158 from ConductionNL/feature/NDT-38/logo-component

feature/NDT-38/card-header
ConductionNL · Nov 8, 2023 · 2944329 · 2944329
2 parents 4875f63 + 59da34a
commit 2944329
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 9 deletions.
diff --git a/pwa/src/templates/templateParts/cardsResultsTemplate/CardsResultsTemplate.module.css b/pwa/src/templates/templateParts/cardsResultsTemplate/CardsResultsTemplate.module.css
@@ -1,11 +1,3 @@
-.tableRow {
-  cursor: pointer;
-}
-
-.tableRow > * {
-  vertical-align: middle !important;
-}
-
 .componentsGrid {
   display: grid;
   grid-gap: 24px;
@@ -18,6 +10,16 @@
   flex-direction: column;
 }
 
+.cardHeader:before {
+  z-index: 1;
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+
 .title {
   overflow-wrap: break-word;
 }

diff --git a/pwa/src/templates/templateParts/cardsResultsTemplate/CardsResultsTemplate.tsx b/pwa/src/templates/templateParts/cardsResultsTemplate/CardsResultsTemplate.tsx
@@ -26,7 +26,7 @@ export const CardsResultsTemplate: React.FC<CardsResultsTemplateProps> = ({ requ
               request.Publicatiedatum ? translateDate(i18n.language, request.Publicatiedatum) : t("N/A")
             }`}
           >
-            <CardHeader>
+            <CardHeader className={styles.cardHeader}>
               <CardHeaderDate>
                 {request.Publicatiedatum ? translateDate(i18n.language, request.Publicatiedatum) : t("N/A")}
               </CardHeaderDate>