increased image size in search results
authorAndrew Engelbrecht <andrew@fsf.org>
Fri, 1 Nov 2019 21:52:15 +0000 (17:52 -0400)
committerAndrew Engelbrecht <andrew@fsf.org>
Fri, 1 Nov 2019 21:52:15 +0000 (17:52 -0400)
css/style.css
templates/search-result.html.twig

index a730671..e15e8f6 100644 (file)
@@ -839,7 +839,7 @@ nav .search-block-form {
 
 .path-search .region-content > ol li {
   width: 280px;
-  height: 280px;
+  height: 320px;
   margin: 0px auto;
   padding: 10px;
 
@@ -854,8 +854,8 @@ nav .search-block-form {
 }
 
 .path-search .region-content > ol li .search-image {
-  width: 100px;
-  height: 100px;
+  width: 220px;
+  height: 220px;
 
   margin: 0 auto;
 
@@ -863,6 +863,12 @@ nav .search-block-form {
   align-items: center;
 }
 
+.path-search .region-content > ol li p {
+  display: block;
+  width: 220px;
+  margin: 0 auto;
+}
+
 .path-search .region-content > ol li img {
 }
 
index 69e99ea..7c1010e 100644 (file)
@@ -66,7 +66,7 @@
 {% if node.field_image.0 %}
   <div class="search-image">
     <a href="{{ url }}">
-      <img src="{{ node.field_image.0.entity.uri.value | image_style('thumbnail') }}">
+      <img src="{{ node.field_image.0.entity.uri.value | image_style('medium') }}">
     </a>
   </div>
 {% endif %}