page_img not part of title

ELIXIR-Belgium · Nov 21, 2024 · 66cf055 · 66cf055
1 parent fda744f
commit 66cf055
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 14 deletions.
diff --git a/_includes/section-navigation-tiles.html b/_includes/section-navigation-tiles.html
@@ -81,6 +81,9 @@
     {%- endif %}
     <div class="col" data-affiliations="{{affiliations_classes}}">
         <div class="card h-100">
+            {%- if current_page.page_img %}
+            <div class="d-flex">
+            {%- endif %}
             <div class="card-body d-flex flex-column">
                 <div class="d-flex align-items-center">
                     {%- if current_page.type_img %}
@@ -91,17 +94,7 @@
                     {%- endif %}
                 </div>
                 <a class="stretched-link section-title" aria-label="Go to the {{current_page.title}} page" href="{{ current_page.url | relative_url }}">
-                    {%- if current_page.page_img %}
-                    <div class="d-flex justify-content-between">
-                    {%- endif %}
                     <b>{{current_page.title}}</b>
-                    {%- if current_page.page_img %}
-                    {%- capture file_url -%}
-                    {{ "/images/" | append: current_page.page_img | relative_url }}
-                    {%- endcapture -%}
-                    <img alt="logo of {{current_page.title}}" src="{{ file_url }}" class="d-inline tile-img-sm" />   
-                    </div>
-                    {%- endif %}
                 </a>
                 {%- if current_page.description %}
                 <p class="card-text h-100">{{ current_page.description}}</p>
@@ -139,6 +132,13 @@
                 </div>
                 {%- endif %}
             </div>
+            {%- if current_page.page_img %}
+            {%- capture file_url -%}
+            {{ "/images/" | append: current_page.page_img | relative_url }}
+            {%- endcapture -%}
+                <img alt="logo of {{current_page.title}}" src="{{ file_url }}" class="page-img-sm pt-3 pe-3" />   
+            </div>
+            {%- endif %}
         </div>
     </div>
     {% endunless %}

diff --git a/assets/css/main.scss b/assets/css/main.scss
@@ -1000,6 +1000,10 @@ a.info-collapse[aria-expanded="true"]:last-of-type + .show {
         .type-icon {
             height: 1.2rem;
         }
+        .page-img-sm {
+            max-height: 4em;
+            max-width: 6em;
+        }
     }
 }
 
@@ -1026,9 +1030,5 @@ iframe.scale {
     min-width: 8em;
 }
 
-/*------Tile Image-------*/
-.tile-img-sm {
-    height: 50px;
-  }
 
 @import "custom_classes";