tmdinosaurcenter
/
tainacan-theme
mirror of https://github.com/tainacan/tainacan-theme.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

better spacing between comments

This commit is contained in:
Fabiano Alencar 2018-04-03 14:19:21 -03:00
parent f58cbf5f83
commit b1f9242731
2 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/assets/scss/_comments.scss
View File

@ -52,11 +52,23 @@
}
}
}
.list-comments{
.media{
margin-bottom: 2.5rem;
}
.media-body{
.comment-text{
@media only screen and (min-width: 576px){
margin-left: 0.5rem;
}
}
}
}
ul{
&.children{
&.align-children{
@media only screen and (min-width: 576px){
margin-left: 2.3rem;
margin-left: 2.5rem;
}
}
}

4
src/functions/single-functions.php
View File

@ -11,7 +11,7 @@ function tainacan_Comments_Callback($comment, $args, $depth) {
global $post;
//var_dump($args);die;
$class_has = "has-children media comment-". $comment->comment_ID; ?>
<div <?php comment_class( $args['has_children'] ? $class_has : 'parent media pb-3' ); ?> id="comment-<?php comment_ID() ?>">
<div <?php comment_class( $args['has_children'] ? $class_has : 'parent media' ); ?> id="comment-<?php comment_ID() ?>">
<?php
$arg = array('class' => 'img-fluid rounded-circle mr-sm-3', );
echo get_avatar($comment, 60, '', '', $arg);
@ -35,7 +35,7 @@ function tainacan_Comments_Callback($comment, $args, $depth) {
'reply_text' => __('Reply'),
'depth' => $depth,
'max_depth' => $args['max_depth'],
'before' => '<li class="reply-link list-inline-item mr-3">',
'before' => '<li class="ml-2 reply-link list-inline-item mr-3">',
'after' => '</li>'
)
));