- fix css for image result type, tile footer

kitconcept · Feb 26, 2024 · 02566e8 · 02566e8
1 parent c00ea41
commit 02566e8
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/src/components/theme/SolrSearch/resultItems/ImageResultItem.jsx b/src/components/theme/SolrSearch/resultItems/ImageResultItem.jsx
@@ -7,7 +7,7 @@ import ResultItemPreviewImage from './helpers/ResultItemPreviewImage';
 import IconForContentType from './helpers/IconForContentType';
 
 const ImageResultItem = ({ item }) => (
-  <article className="tileItem">
+  <article className="tileItem imageResultItem">
     {/* <span className="contentTypeLabel">
       <FormattedMessage id={mapContentTypes(item['@type'])} />
     </span> */}

diff --git a/src/components/theme/SolrSearch/resultItems/helpers/ImageType.jsx b/src/components/theme/SolrSearch/resultItems/helpers/ImageType.jsx
@@ -12,6 +12,8 @@ export const getImageType = (mimeType) => {
   }
 };
 
-const ImageType = ({ mimeType }) => getImageType(mimeType);
+const ImageType = ({ mimeType }) => (
+  <span className="imageType">{getImageType(mimeType)}</span>
+);
 
 export default ImageType;
diff --git a/src/theme/solrsearch.less b/src/theme/solrsearch.less
@@ -370,4 +370,12 @@
       }
     }
   }
+
+  .imageResultItem {
+    .tileFooter {
+      .imageType {
+        margin-right: 8px;
+      }
+    }
+  }
 }