Antoine/carhop__dynamiques-theme__PROD-DEV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FEATURE Handling double issue post cards

Browse Source
This commit is contained in:
Nonimart 2025-09-18 15:22:58 +02:00
parent ffde6f7728
commit 80822f5797
3 changed files with 66 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
resources/css/components/post-card.css
View File

@ -4,6 +4,13 @@
@screen lg { @screen lg {
grid-template-columns: 1fr 40px; grid-template-columns: 1fr 40px;
} }
&:has(.issue-number-group) {
@screen lg {
grid-template-columns: 1fr 86px;
}
}
&.has-cover { &.has-cover {
.post-card__cover { .post-card__cover {
@apply col-span-1; @apply col-span-1;
@ -14,6 +21,12 @@
@apply col-span-1; @apply col-span-1;
} }
} }
&:has(.issue-number-group) {
@screen lg {
grid-template-columns: 1fr 3fr 86px;
}
}
} }
.content-meta { .content-meta {
@ -61,8 +74,17 @@
@apply order-2 lg:order-1; @apply order-2 lg:order-1;
} }
.issue-number-group {
@apply flex h-auto gap-2;
.issue-number {
@apply h-[40px];
}
}
.issue-number-group,
.issue-number { .issue-number {
@apply order-1 lg:order-1; @apply order-1 lg:order-1;
}
.issue-number {
@apply bg-primary text-white w-[40px] h-auto flex items-center justify-center; @apply bg-primary text-white w-[40px] h-auto flex items-center justify-center;
aspect-ratio: 1/1; aspect-ratio: 1/1;
} }

29
template-parts/articles/card-article.php
View File

@ -7,7 +7,7 @@ $link = get_the_permalink($ID);
$related_revue = get_field('related_revue', $ID); $related_revue = get_field('related_revue', $ID);
$related_revue_issue_number = $related_revue ? get_field('issue_number', $related_revue) : null; $related_revue_issue_number = $related_revue ? get_field('issue_number', $related_revue) : null;
$is_multiple_issue_number = $related_revue_issue_number && is_numeric($related_revue_issue_number) && strpos($related_revue_issue_number, '.') !== false;
$showAuthors = $args['showAuthors'] ?? false; $showAuthors = $args['showAuthors'] ?? false;
$authors = get_field('authors', $ID); $authors = get_field('authors', $ID);
@ -44,11 +44,26 @@ $authors = get_field('authors', $ID);
<?php endif; ?> <?php endif; ?>
</div> </div>
<div class="issue-number"> <?php if ($is_multiple_issue_number) : ?>
<?php if (isset($related_revue_issue_number) && is_numeric($related_revue_issue_number)) : ?> <!-- Contenu pour les numéros d'issue à virgule -->
<span><?php echo $related_revue_issue_number; ?></span> <div class="issue-number-group">
<?php endif; ?> <?php
</div> $issue_number_parts = explode('.', $related_revue_issue_number);
?>
<?php foreach ($issue_number_parts as $issue_number) : ?>
<div class="issue-number">
<?php if (isset($issue_number) && is_numeric($issue_number)) : ?>
<span><?php echo $issue_number; ?></span>
<?php endif; ?>
</div>
<?php endforeach; ?>
</div>
<?php else: ?>
<div class="issue-number">
<?php if (isset($related_revue_issue_number) && is_numeric($related_revue_issue_number)) : ?>
<span><?php echo $related_revue_issue_number; ?></span>
<?php endif; ?>
</div>
<?php endif; ?>
</a> </a>

28
template-parts/revues/card-revue.php
View File

@ -5,6 +5,7 @@ $date = get_the_date('F Y', $ID);
$cover = get_the_post_thumbnail_url($ID); $cover = get_the_post_thumbnail_url($ID);
$link = get_the_permalink($ID); $link = get_the_permalink($ID);
$issue_number = get_field('issue_number', $ID); $issue_number = get_field('issue_number', $ID);
$is_multiple_issue_number = $issue_number && is_numeric($issue_number) && strpos($issue_number, '.') !== false;
?> ?>
<a href="<?php echo $link; ?>" class="post-card post-card--revue <?php echo $cover ? 'has-cover' : ''; ?>"> <a href="<?php echo $link; ?>" class="post-card post-card--revue <?php echo $cover ? 'has-cover' : ''; ?>">
@ -22,11 +23,26 @@ $issue_number = get_field('issue_number', $ID);
<time class="post-card__date" datetime="<?php echo $date; ?>"><?php echo $date; ?></time> <time class="post-card__date" datetime="<?php echo $date; ?>"><?php echo $date; ?></time>
</div> </div>
<div class="issue-number"> <?php if ($is_multiple_issue_number) : ?>
<?php if (isset($issue_number) && is_numeric($issue_number)) : ?> <!-- Contenu pour les numéros d'issue à virgule -->
<span><?php echo $issue_number; ?></span> <div class="issue-number-group">
<?php endif; ?> <?php
</div> $issue_number_parts = explode('.', $issue_number);
?>
<?php foreach ($issue_number_parts as $issue_number) : ?>
<div class="issue-number">
<?php if (isset($issue_number) && is_numeric($issue_number)) : ?>
<span><?php echo $issue_number; ?></span>
<?php endif; ?>
</div>
<?php endforeach; ?>
</div>
<?php else: ?>
<div class="issue-number">
<?php if (isset($issue_number) && is_numeric($issue_number)) : ?>
<span><?php echo $issue_number; ?></span>
<?php endif; ?>
</div>
<?php endif; ?>
</a> </a>