From c23e130d1a4b06c11826373366f22d81e2ba4b5b Mon Sep 17 00:00:00 2001
From: alexisben <alex@noesya.coop>
Date: Mon, 12 Dec 2022 14:22:19 +0100
Subject: [PATCH] posts list

---
 assets/sass/_theme/_configuration.sass |  2 +-
 assets/sass/_theme/sections/posts.sass | 59 +++++++++++++-------------
 layouts/pages/list.html                |  5 +++
 3 files changed, 35 insertions(+), 31 deletions(-)

diff --git a/assets/sass/_theme/_configuration.sass b/assets/sass/_theme/_configuration.sass
index 92e0e2be3..d65d8b865 100644
--- a/assets/sass/_theme/_configuration.sass
+++ b/assets/sass/_theme/_configuration.sass
@@ -316,7 +316,7 @@ $program-share-font-size-md: $h5-size-md !default
 $program-zindex-toc: $zindex-toc !default
 
 // Layout posts list (ne concerne pas les blocks posts)
-$posts-layout-list: false !default
+$posts-layout-list: true !default
 
 // MISC
 
diff --git a/assets/sass/_theme/sections/posts.sass b/assets/sass/_theme/sections/posts.sass
index 79826f67c..8285453c9 100644
--- a/assets/sass/_theme/sections/posts.sass
+++ b/assets/sass/_theme/sections/posts.sass
@@ -10,41 +10,40 @@
         .posts 
             @include grid(1)
             grid-gap: 0
-            > div 
+            article
                 border-bottom: 1px solid $color-border
                 margin-bottom: $spacing3
                 padding-bottom: $spacing3
-                .post
-                    display: flex
-                    flex-direction: row
-                    @include media-breakpoint-up(md)
-                        @include grid
-                    div:not(.media)
-                        grid-column: 4/13
+                display: flex
+                flex-direction: row
+                @include media-breakpoint-up(md)
+                    @include grid
+                div:not(.media)
+                    grid-column: 4/13
+                    @include media-breakpoint-down(md)
+                        flex: 1
+                        margin-left: $spacing0
+                    p:not(.title)
                         @include media-breakpoint-down(md)
-                            flex: 1
-                            margin-left: $spacing0
-                        p:not(.title)
-                            @include media-breakpoint-down(md)
-                                display: none
-                    .media
-                        background: none
-                        margin: 0
-                        @include media-breakpoint-down(md)
-                            width: 33.33333%
-                        @include media-breakpoint-up(md)
-                            grid-column: 1/4
+                            display: none
+                .media
+                    background: none
+                    margin: 0
+                    @include media-breakpoint-down(md)
+                        width: 33.33333%
                     @include media-breakpoint-up(md)
-                        time 
-                            font-size: $h5-size
-                            position: absolute
-                            right: 0
-                            top: 0
-                        div:not(.media)
-                            h1,
-                            p,
-                            a
-                                max-width: col(6, 9)
+                        grid-column: 1/4
+                @include media-breakpoint-up(md)
+                    time 
+                        font-size: $h5-size
+                        position: absolute
+                        right: 0
+                        top: 0
+                    div:not(.media)
+                        h1,
+                        p,
+                        a
+                            max-width: col(6, 9)
 
     @else 
         .posts
diff --git a/layouts/pages/list.html b/layouts/pages/list.html
index 593bd6966..9488e7b70 100644
--- a/layouts/pages/list.html
+++ b/layouts/pages/list.html
@@ -22,6 +22,11 @@
 
     {{ else }}
       <!-- FIXME -->
+      {{/*  {{- partial "blocks/templates/pages/grid.html" (dict 
+          "pages" .Params.children
+          "show_images" true
+          "show_descriptions" true
+          ) }}  */}}
       <section class="block block-pages block-pages--grid">
         <div class="container">
           <div class="block-content">