Mobile comment form
This commit is contained in:
parent
e6736413a4
commit
fdb424d8eb
|
@ -17,7 +17,7 @@
|
|||
width: 45vw;
|
||||
}
|
||||
@media (max-width: 576px){
|
||||
width: 100vw;
|
||||
width: 90vw;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -27,7 +27,7 @@ if (post_password_required()) {
|
|||
<div id="respond" class="clearfix">
|
||||
<div for="comment" class="d-block">
|
||||
<span class="text-jelly-bean"><?php _e('Leave your comment', 'tainacan-theme'); ?></span>
|
||||
<span class="text-oslo-gray authenticated ml-sm-3">
|
||||
<span class="text-oslo-gray authenticated ml-sm-3 d-none d-sm-block">
|
||||
<?php
|
||||
_e('Authenticated as', 'tainacan-theme'); echo ': ';
|
||||
echo '<a href="'. get_author_posts_url($current_user->ID) .'">' . $current_user->display_name . '</a>';
|
||||
|
@ -36,16 +36,22 @@ if (post_password_required()) {
|
|||
</div>
|
||||
|
||||
<form autocomplete="off" action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="form-comment" class="form-inline px-sm-5">
|
||||
<div class="row mx-sm-auto">
|
||||
<div class="row mx-sm-auto p-3">
|
||||
<div class="form-group">
|
||||
<?php
|
||||
comment_id_fields();
|
||||
$args = array('class' => 'img-fluid rounded-circle mr-sm-3', );
|
||||
echo get_avatar( $current_user->ID, 60, '', $current_user->display_name, $args );
|
||||
?>
|
||||
<span class="text-oslo-gray authenticated ml-3 d-inline d-sm-none">
|
||||
<?php
|
||||
_e('Authenticated as', 'tainacan-theme'); echo ': ';
|
||||
echo '<a href="'. get_author_posts_url($current_user->ID) .'" class="font-weight-light">' . $current_user->display_name . '</a>';
|
||||
?>
|
||||
</span>
|
||||
<textarea name="comment" id="comment" tabindex="1" required class="form-control mr-sm-3" rows="2" placeholder="<?php _e('Enter your comment here.', 'tainacan-theme'); ?>"></textarea>
|
||||
</div>
|
||||
<button id="submit" class="btn btn-info bg-jungle-green align-self-center" type="submit" name="submit"><?php _e('Send', 'tainacan-theme') ?></button>
|
||||
<button id="submit" class="btn btn-info bg-jungle-green align-self-center ml-auto " type="submit" name="submit"><?php _e('Send', 'tainacan-theme') ?></button>
|
||||
</div>
|
||||
|
||||
<?php cancel_comment_reply_link('Cancel'); ?>
|
||||
|
|
|
@ -3,14 +3,11 @@
|
|||
<div class="container-fluid mt-5">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-sm-9">
|
||||
<div class="col col-sm-9 mx-sm-auto p-3">
|
||||
<div id="content" role="main">
|
||||
<?php get_template_part('template-parts/single-post', get_post_format()); ?>
|
||||
</div><!-- /#content -->
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<?php get_sidebar(); ?>
|
||||
</div>
|
||||
|
||||
</div><!-- /.row -->
|
||||
</div><!-- /.container-fluid -->
|
||||
|
|
|
@ -0,0 +1 @@
|
|||
Subproject commit 252c98dc0c72b97bdb21494b6ac86923208d274b
|
Loading…
Reference in New Issue