Merge pull request #713 from FitzwilliamMuseum/hotfix/fifty-fifty-heading

hotfix: refactor heading rendering logic

Author: ostafinskim

public/css/app.css

@@ -1,5 +1,5 @@
 {
     "/js/app.js": "/js/app.js?id=186fc5ec23f2fa6f870cee9d2ef7b85f",
-    "/css/app.css": "/css/app.css?id=3edb3ad06ecf43f0044064359d7307eb",
+    "/css/app.css": "/css/app.css?id=f75a69cf643755ccd034a3d3733319df",
     "/css/fitzwilliam.css": "/css/fitzwilliam.css?id=e86ba8627b5815b2315ba31344b2fd8c"
 }

public/mix-manifest.json

@@ -63,7 +63,7 @@
     font-size: 18px;
 }
 
-.support .card-fitz .card-body {
+.support .card-body {
     padding-left: 0;
 }
 

resources/sass/support-us/_grid.scss

@@ -19,7 +19,7 @@
                             }
                         @endphp
                         <div class="col-md-4 mb-3 container-home-card container-support-card">
-                            <div class="card card-fitz h-100">
+                            <div class="card {{ !empty($card_content['card_link']) ? 'card-fitz' : '' }} h-100">
                                 @if(!empty($image_asset))
                                     <img class="card-img-top" src="{{ $image_asset['data']['thumbnails'][10]['url'] }}" alt="{{ !empty($image_asset['data']['description']) ? $image_asset['data']['description'] : '' }}" width="416" height="416" load="lazy">
                                 @else
@@ -28,17 +28,17 @@
                                 @if(!empty($card_content))
                                     <div class="card-body h-100">
                                         <div class="contents-label mb-3">
-                                            <h2>
-                                                @if(!empty($card_content['card_link']))
-                                                    <a href="{{ $card_content['card_link'] }}">
-                                                @endif
-                                                @if(!empty($card_content['card_link']))
-                                                    {{ $card_content['heading'] }}
-                                                @endif
-                                                @if(!empty($card_content['card_link']))
-                                                    </a>
-                                                @endif
-                                            </h2>
+                                            @if(!empty($card_content['heading']))
+                                                <h2>
+                                                    @if(!empty($card_content['card_link']))
+                                                        <a href="{{ $card_content['card_link'] }}">
+                                                            {{ $card_content['heading'] }}
+                                                        </a>
+                                                    @else
+                                                        {{ $card_content['heading'] }}
+                                                    @endif
+                                                </h2>
+                                            @endif
                                             @if(!empty($card_content['body']))
                                                 <p class="text-dark">
                                                     {{ $card_content['body'] }}
@@ -53,4 +53,4 @@
                 @endif
             </div>
         </div>
-    @endif
+    @endif