From 3afb3eb356a4d06658b52b47d2df0596913fcdb2 Mon Sep 17 00:00:00 2001
From: alexisben <alex@noesya.coop>
Date: Tue, 27 Feb 2024 22:39:35 +0100
Subject: [PATCH] fix block posts layout large

---
 assets/sass/_theme/blocks/posts.sass          | 42 ++++++++-----------
 .../blocks/templates/posts/large.html         |  2 +-
 2 files changed, 19 insertions(+), 25 deletions(-)

diff --git a/assets/sass/_theme/blocks/posts.sass b/assets/sass/_theme/blocks/posts.sass
index 70de4eab..103f233f 100644
--- a/assets/sass/_theme/blocks/posts.sass
+++ b/assets/sass/_theme/blocks/posts.sass
@@ -33,27 +33,28 @@
                 .media picture img
                     width: 100%
     &--large
-        @include media-breakpoint-up(sm)
-            article
-                .post-meta
-                    display: inline
         .post
             .more
                 @include icon(arrow-right, after, true)
             .post-author 
                 p::before
                     display: none
-            @include media-breakpoint-down(desktop)
+            .post-meta
+                display: block
+                line-height: 0
+            .post-categories *
+                display: inline
+        @include media-breakpoint-down(desktop)
+            .post
                 + .post
                     margin-top: $spacing-4
                 &-meta
-                    .post-author 
-                        display: inline-flex
+                    .post-author
+                        display: inline
+                        p
+                            display: inline
                         &::after
-                            content: '—'
-                            margin: 0 $spacing-1
-                    .post-categories
-                        display: flex
+                            content:  ' — '
                 p[itemprop="articleBody"]
                     margin-top: 0
         @include media-breakpoint-up(desktop)
@@ -70,25 +71,18 @@
                     .post-meta 
                         > *
                             display: inline
-                            &:not(:first-child)::before
-                                content: '—'
-                                margin-right: $spacing-1
-                        > time
-                            display: inline-block
-                            margin-top: -2px
+                            &:not(:last-child)::after
+                                content: ' — '
                     .post-author
                         p
                             display: inline
-                        li
-                            margin-right: $spacing-2
                     .post-categories
                         li
-                            display: inline-flex
-                            margin-right: $spacing-2
-                            padding-bottom: 3px
-                            &:not(:last-child)::after
+                            a
+                                display: inline
+                            &:not(:last-child) a::after
                                 content: ','
-                            
+
         @include in-page-with-sidebar
             .large
                 .post
diff --git a/layouts/partials/blocks/templates/posts/large.html b/layouts/partials/blocks/templates/posts/large.html
index c76b4099..c434aa66 100644
--- a/layouts/partials/blocks/templates/posts/large.html
+++ b/layouts/partials/blocks/templates/posts/large.html
@@ -2,7 +2,7 @@
 {{ $heading_level := .heading_level | default 3 }}
 {{ $heading_tag := partial "GetHeadingTag" (dict 
         "level" $heading_level
-        "attributes" "class='post-title'"
+        "attributes" "class='post-title' itemprop='headline'"
 )}}
 {{ $index := .index}}
 
-- 
GitLab