no header

ELIXIR-Belgium · Jul 27, 2023 · d8c5698 · d8c5698
1 parent 2840a2c
commit d8c5698
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 20 deletions.
diff --git a/_includes/related-pages.html b/_includes/related-pages.html
@@ -18,12 +18,10 @@ <h2>Related pages</h2>
     {%- assign page_hit = section_pages | where:"page_id", page_id | first %}
     <div class="col">
         <div class="card h-100">
-            <div class="card-header">
-                <a class="stretched-link" aria-label="Go to the {{current_page.title}} page" href="{{ current_page.url | relative_url }}">
-                    <h5 class="card-title m-0">{{page_hit.title}}</h5>
-                </a>
-            </div>
             <div class="card-body">
+                <a class="stretched-link" aria-label="Go to the {{page_hit.title}} page" href="{{ page_hit.url | relative_url }}">
+                    <b class="card-title">{{page_hit.title}}</b>
+                </a>
                 {%- if page_hit.description %}
                 <p class="card-text">{{ page_hit.description}}</p>
                 {%- endif %}

diff --git a/_includes/section-navigation-tiles.html b/_includes/section-navigation-tiles.html
@@ -64,12 +64,10 @@
     {%- endif %}
     <div class="col" data-affiliations="{{affiliations_classes}}" related-pages="{{related_pages_classes}}">
         <div class="card h-100">
-            <div class="card-header">
+            <div class="card-body">
                 <a class="stretched-link" aria-label="Go to the {{current_page.title}} page" href="{{ current_page.url | relative_url }}">
-                    <h5 class="card-title m-0">{{current_page.title}}</h5>
+                    <b class="card-title">{{current_page.title}}</b>
                 </a>
-            </div>
-            <div class="card-body">
                 {%- if current_page.description %}
                 <p class="card-text">{{ current_page.description}}</p>
                 {%- endif %}

diff --git a/assets/css/main.scss b/assets/css/main.scss
@@ -895,22 +895,20 @@ li.past_event,
     .card {
         background-color: $nav-card-bg;
 
-        a:not(.stretched-link),
-        button:not(.stretched-link) {
-            z-index: 2;
-            position: relative;
-        }
+        a {
+            color: $nav-card-header-color;
+
+            &:not(.stretched-link),
+            button:not(.stretched-link) {
+                z-index: 2;
+                position: relative;
+            }
 
-        .card-header {
             padding-bottom: 0;
-            a:hover {
+            &:hover {
                 text-decoration: none;
             }
-            a {
-                color: $nav-card-header-color;
-            }
         }
-
         button {
             background-color: $nav-card-badge-bg;
             color: $nav-card-badge-color;