fix

ELIXIR-Belgium · Aug 22, 2023 · 7acfdc4 · 7acfdc4
1 parent d3f194a
commit 7acfdc4
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 13 deletions.
diff --git a/_includes/related-pages.html b/_includes/related-pages.html
@@ -20,8 +20,8 @@ <h2>Related pages</h2>
         <div class="card h-100">
             <div class="card-body d-flex gap-3">
                 <div class="w-100">
-                    <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 class="stretched-link section-title" aria-label="Go to the {{page_hit.title}} page" href="{{ page_hit.url | relative_url }}">
+                        <b>{{page_hit.title}}</b>
                     </a>
                     {%- if page_hit.description %}
                     <p class="card-text">{{ page_hit.description}}</p>

diff --git a/_includes/section-navigation-tiles-simple.html b/_includes/section-navigation-tiles-simple.html
@@ -5,7 +5,7 @@
     {%- if current_page.title and current_page.search_exclude != true and current_page.type == include.type %}
     {%- unless except contains current_page.name %}
     <div class="col d-grid">
-        <a role="button" class="btn py-4 fs-3" href="{{ current_page.url | relative_url }}">{{current_page.title}}{% if current_page.country_code %}<span class="flag-icon shadow-sm ms-3 flag-icon-{{current_page.country_code | downcase }}"></span>{% endif %}</a>
+        <a role="button" class="btn py-4 fs-3 section-title" href="{{ current_page.url | relative_url }}">{{current_page.title}}{% if current_page.country_code %}<span class="flag-icon shadow-sm ms-3 flag-icon-{{current_page.country_code | downcase }}"></span>{% endif %}</a>
     </div>
     {% endunless %}
     {%- endif %}

diff --git a/_includes/section-navigation-tiles.html b/_includes/section-navigation-tiles.html
@@ -84,8 +84,8 @@
         <div class="card h-100">
             <div class="card-body d-flex gap-3">
                 <div class="w-100">
-                    <a class="stretched-link" aria-label="Go to the {{current_page.title}} page" href="{{ current_page.url | relative_url }}">
-                        <b class="card-title">{{current_page.title}}</b>
+                    <a class="stretched-link section-title" aria-label="Go to the {{current_page.title}} page" href="{{ current_page.url | relative_url }}">
+                        <b>{{current_page.title}}</b>
                     </a>
                     {%- if current_page.description %}
                     <p class="card-text">{{ current_page.description}}</p>

diff --git a/assets/css/main.scss b/assets/css/main.scss
@@ -605,7 +605,9 @@ footer {
     z-index: 1000;
     font-size: 21px;
     padding: 12px 20px;
-    transition: bottom 0.15s ease-out, opacity 0.15s ease-out;
+    transition:
+        bottom 0.15s ease-out,
+        opacity 0.15s ease-out;
 
     &.visible {
         bottom: $spacer;
@@ -904,28 +906,30 @@ li.past_event,
 /*-----Section navigation tiles-----*/
 
 .navigation-tiles {
-    .card, .btn{
+    .card,
+    .btn {
         background-color: $nav-card-bg;
         &:hover {
             background-color: $nav-card-bg-hover;
             transition: $btn-transition;
             color: $nav-card-color-hover;
+            a.section-title {
+                text-decoration: none;
+                transition: $btn-transition;
+                color: $nav-card-color-hover;
+            }
         }
 
         a {
-            color: $nav-card-header-color;
-
             &:not(.stretched-link),
             button:not(.stretched-link) {
                 z-index: 2;
                 position: relative;
             }
 
             padding-bottom: 0;
-            &:hover {
-                text-decoration: none;
-                transition: $btn-transition;
-                color: $nav-card-color-hover;
+            &.section-title {
+                color: $nav-card-header-color;
             }
         }
         .type-icon {