Merge pull request #10 from devgeniem/TMS-949

TMS-949: Fix related articles & mobile nav
devgeniem · Sep 25, 2023 · 835d459 · 835d459
2 parents ca437ef + f6de6bb
commit 835d459
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 10 deletions.
diff --git a/CHANGELOG.MD b/CHANGELOG.MD
@@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+## [1.1.0] - 2023-09-25
+
+- TMS-949:
+    - Fix related article images on single article page
+    - Fix colors on mobile nav
+
 ## [1.0.0] - 2023-09-13
 
 - TMS-949:

diff --git a/assets/styles/theme-milavida.scss b/assets/styles/theme-milavida.scss
@@ -93,9 +93,9 @@ $navbar-item-navbar-active-bg-color: $black;
 
 $fly-out-nav-trigger-icon: $color-milavida-grey-dark;
 $fly-out-nav-trigger-icon-hover: $color-milavida-grey;
-$fly-out-nav-primary-link: $color-white;
-$fly-out-nav-primary-link-hover: $color-white;
-$fly-out-nav-primary-dropdown-active-background: $primary;
+$fly-out-nav-primary-link: $color-milavida-black;
+$fly-out-nav-primary-link-hover: $color-milavida-black;
+$fly-out-nav-primary-dropdown-active-background: $color-milavida-black;
 $fly-out-nav-secondary-border-color: $color-ui-border;
 $fly-out-nav-secondary-link: $fly-out-nav-primary-link;
 $fly-out-nav-secondary-link-hover: $fly-out-nav-primary-link-hover;

diff --git a/partials/views/single/single-related.dust b/partials/views/single/single-related.dust
@@ -14,13 +14,21 @@
             {#related.posts}
                 <div class="column is-6 is-3-widescreen">
                     <div class="related-posts__item mb-4 mb-0-tablet">
-                             {?image_id}
-                            <div class="image is-4by3">
-                                <a href="{permalink}" aria-hidden="true" tabindex="-1">
-                                    {@image id=image_id size="large" class="objectfit-image" /}
-                                </a>
-                            </div>
-                             {/image_id} 
+                            {?api_image_url}
+                                <div class="image is-4by3">
+                                    <a href="{permalink|url}" aria-hidden="true" tabindex="-1">
+                                        <img src="{api_image_url|url}" class="objectfit-image" loading="lazy" alt=""/>
+                                    </a>
+                                </div>
+                            {:else}
+                                {?image_id}
+                                    <div class="image is-4by3">
+                                        <a href="{permalink|url}" aria-hidden="true" tabindex="-1">
+                                            {@image id=image_id size="large" class="objectfit-image" /}
+                                        </a>
+                                    </div>
+                                {/image_id}
+                            {/api_image_url}
 
                         {?post_title}
                             <h3 class="h4 mt-5 mb-5">