Block Location: Ajout d'un lien "en savoir plus"

assets/sass/_theme/sections/locations.sass

@@ -1,51 +1,76 @@
 .locations
-    &--list
-        .location + .location
+    .location
+        display: flex
+        flex-direction: column-reverse
+        gap: calc(var(--grid-gutter) / 2) var(--grid-gutter)
+        justify-content: flex-end
+        position: relative
+        + .location
             margin-top: $spacing-4
+        a
+            @include stretched-link(after)
+            text-decoration: none
+        .more
+            @include hover-translate-icon(after)
+            @include meta
+            @include icon(arrow-right-line, after)
+                margin-left: $spacing-2
+            margin-top: $spacing-1
+        .media
+            width: columns(6)
+            picture
+                aspect-ratio: 3/2
+                display: block
+            img
+                display: block
+                height: 100%
+                object-fit: cover
+        &-description
+            margin-top: $spacing-1
+
+    &--list
         @include media-breakpoint-up(desktop)
             .location
+                border-bottom: 1px solid var(--color-border)
                 flex-direction: row
-                .media
-                    width: columns(4)
+                gap: calc(var(--grid-gutter) / 2) var(--grid-gutter)
+                padding-bottom: $spacing-3
+                + .location
+                    margin-top: $spacing-3
                 &-content
-                    width: columns(6)
+                    order: 2
+                .media
+                    order: 1
+                @include in-page-with-sidebar
+                    &-content
+                        width: 100%
+                    .media
+                        max-width: columns(2)
+
+                @include in-page-without-sidebar
+                    &-content
+                        @include grid(2)
+                        flex: 1
+                    &-description
+                        display: flex
+                        flex-direction: column
+                        gap: $spacing-1
+                    .media
+                        width: columns(4)
+
     &--grid
-        .location-title
-            @include h3
-        @include media-breakpoint-down(desktop)
-            .location + .location
-                margin-top: $spacing-4
         @include in-page-with-sidebar
             @include grid(2)
         @include in-page-without-sidebar
-            @include grid(4)
-
-.location
-    display: flex
-    gap: $spacing-3 var(--grid-gutter)
-    flex-direction: column
-    position: relative
-    a
-        @include stretched-link
-        text-decoration: none
-    .media
-        aspect-ratio: 1.3
-        background: var(--color-background-alt)
-        order: -1
-        img
-            display: block
-            height: 100%
-            object-fit: cover
-            width: 100%
-    &-title
-        @include icon(arrow-right-line, after, true)
-        @include hover-translate-icon(after)
-    &-description
-        margin-top: $spacing-3
-    @include media-breakpoint-down(desktop)
-        .media
-            margin-left: var(--grid-gutter-negative)
-            margin-right: var(--grid-gutter-negative)
+            @include grid(3)
+        @include media-breakpoint-up(desktop)
+            .location
+                + .location
+                    margin-top: 0
+                .media
+                    width: 100%
+        .location-title
+            @include h3
 
 .campus-map
     .map
@@ -79,7 +104,7 @@
                     align-items: center
                     display: flex
                     .campus-content
-                        order: 2 
+                        order: 2
                         padding: 0 $spacing-3
                         span,
                         .campus-title
@@ -89,15 +114,15 @@
                     .media
                         aspect-ratio: 1
                         display: block
-                        width: $spacing-6
                         margin-bottom: 0
                         order: 1
+                        width: $spacing-6
                         img
                             display: block
                             height: 100%
                             object-fit: cover
                 &-wrapper
                     border-radius: 0
-                    padding: 0
                     box-shadow: none
-                    overflow: hidden
+                    overflow: hidden
+                    padding: 0

i18n/en.yml

@@ -29,6 +29,8 @@ blocks:
     title: Image
   key_figures:
     title: Key figures
+  locations:
+    button_location: Discover the site     
   organizations:
     title: Organizations
   pages:

i18n/fr.yml

@@ -29,6 +29,8 @@ blocks:
     title: Image
   key_figures:
     title: Chiffres-clés
+  locations:
+    button_location: Découvrir le site     
   organizations:
     title: Organisations
   pages:

layouts/partials/locations/location.html

@@ -15,30 +15,31 @@
         <a href="{{ .Permalink }}" title="{{ safeHTML (i18n "commons.more_aria" (dict "Title" $title)) }}">{{ $title }}</a>
       {{ $heading_tag.close }}
 
-      {{- if and (partial "GetTextFromHTML" .Params.summary) $options.summary -}}
-        <div class="location-description">
+      <div class="location-description">
+          {{- if and (partial "GetTextFromHTML" .Params.summary) $options.summary -}}
           <p itemprop="description">
             {{ partial "GetTruncateContent" ( dict 
               "text" .Params.summary
               "length" site.Params.locations.index.truncate_description
               ) }}
           </p>
+          {{- end -}}
+          <p class="more meta">
+            {{- i18n "blocks.locations.button_location" -}}
+          </p>
         </div>
-      {{- end -}}
-    </div>
+      </div>
 
     {{ if $options.image }}
-      <div class="media">
-        {{- if .Params.image -}}
+      {{- if .Params.image -}}
+        <div class="media">
           {{- partial "commons/image.html"
               (dict
                 "image"    .Params.image
                 "sizes"    site.Params.image_sizes.sections.locations.item
               ) -}}
-        {{- else -}}
-          {{- partial "commons/image-default.html" "locations" -}}
+          </div>
         {{- end -}}
-      </div>
     {{- end -}}
   </article>
 {{ end }}