HPC-9104: Fix article image size and display for documents in the res…

…ults
UN-OCHA · Oct 18, 2023 · 52c5878 · 52c5878
1 parent 61cd557
commit 52c5878
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 3 deletions.
diff --git a/html/themes/custom/common_design_subtheme/css/styles.css b/html/themes/custom/common_design_subtheme/css/styles.css
diff --git a/html/themes/custom/common_design_subtheme/sass/ghi/_ghi-search.scss b/html/themes/custom/common_design_subtheme/sass/ghi/_ghi-search.scss
@@ -158,7 +158,11 @@ main#main-content {
 
   .ghi-search-thumbnail {
     width: 100%;
-    // min-width: 320px;
+
+    & > field--type-image {
+      width: 100%;
+      min-width: auto;
+    }
 
     @include tablet {
       width: calc(20% - 2.25rem);

diff --git a/...es/custom/common_design_subtheme/templates/content/node--article--search-result.html.twig b/...es/custom/common_design_subtheme/templates/content/node--article--search-result.html.twig
@@ -89,7 +89,9 @@
   ]
 %}
 <article{{ attributes.addClass(classes) }}>
-  {{ content.field_image }}
+  <div class="ghi-search-thumbnail">
+    {{ content.field_image }}
+  </div>
   <div class="gho-related-article__content">
     <h3{{ title_attributes.addClass('gho-related-article__title') }}>
       <a href="{{ url }}" rel="bookmark">{{ label }}</a>

diff --git a/...e--document--search-result.html copy.twig → ...t/node--document--search-result.html.twig b/...e--document--search-result.html copy.twig → ...t/node--document--search-result.html.twig