Update meta discussion section

This commit is contained in:
Oliver Davies 2019-04-16 21:54:19 +01:00
parent d7de23fbd2
commit 29a9ee748c
4 changed files with 20 additions and 4 deletions

View file

@ -24,8 +24,8 @@ if ( post_password_required() ) {
$discussion = twentynineteen_get_discussion_data(); $discussion = twentynineteen_get_discussion_data();
?> ?>
<div id="comments" class="<?php echo comments_open() ? 'comments-area' : 'comments-area comments-closed'; ?>"> <div id="comments" class="max-w-xl <?php echo comments_open() ? 'comments-area' : 'comments-area comments-closed'; ?>">
<div class="<?php echo $discussion->responses > 0 ? 'comments-title-wrap' : 'comments-title-wrap no-responses'; ?>"> <div class="lg:flex lg:justify-between lg:items-baseline">
<h2 class="text-4xl font-bold"> <h2 class="text-4xl font-bold">
<?php <?php
if ( comments_open() ) { if ( comments_open() ) {

View file

@ -0,0 +1,15 @@
.discussion-avatar-list {
@apply flex;
}
.discussion-avatar-list li {
@apply mb-1;
&:not(:first-child) {
@apply -ml-3;
}
}
.discussion-avatar-list img {
@apply rounded-full w-10;
}

View file

@ -25,6 +25,7 @@ h2:before {
@apply absolute opacity-0 pointer-events-none; @apply absolute opacity-0 pointer-events-none;
} }
@import 'components/comments.css';
@import 'components/content.css'; @import 'components/content.css';
@import 'components/forms.css'; @import 'components/forms.css';
@import 'components/post.css'; @import 'components/post.css';

View file

@ -19,13 +19,13 @@ if ( $has_responses ) {
} }
?> ?>
<div class="discussion-meta"> <div>
<?php <?php
if ( $has_responses ) { if ( $has_responses ) {
twentynineteen_discussion_avatars_list( $discussion->authors ); twentynineteen_discussion_avatars_list( $discussion->authors );
} }
?> ?>
<p class="flex items-center"> <p class="flex items-center text-sm">
<?php echo twentynineteen_get_icon_svg( 'comment', 16 ); ?> <?php echo twentynineteen_get_icon_svg( 'comment', 16 ); ?>
<span class="ml-2"><?php echo esc_html( $meta_label ); ?></span> <span class="ml-2"><?php echo esc_html( $meta_label ); ?></span>
</p> </p>