mirror of https://github.com/vtrois/kratos
feat: optimize comment box style (#548)
parent
1b04069b85
commit
5ac0234c68
|
@ -21,11 +21,12 @@ if (comments_open()) { ?>
|
||||||
<div class="list">
|
<div class="list">
|
||||||
<?php wp_list_comments('type=comment&callback=comment_callbacks'); ?>
|
<?php wp_list_comments('type=comment&callback=comment_callbacks'); ?>
|
||||||
</div>
|
</div>
|
||||||
<div id="commentpage" class="nav text-center my-3">
|
<div id="commentpage" class="nav text-center my-2">
|
||||||
<?php previous_comments_link(__('加载更多', 'kratos')); ?>
|
<?php previous_comments_link(__('<span>上一页</span>', 'kratos'));?>
|
||||||
|
<?php next_comments_link(__('<span>下一页</span>', 'kratos'));?>
|
||||||
</div>
|
</div>
|
||||||
<div id="respond" class="comment-respond mt-2">
|
<div id="respond" class="comment-respond mt-2">
|
||||||
<?php if (!comments_open()) : elseif (get_option('comment_registration') && !is_user_logged_in()) : ?>
|
<?php if (get_option('comment_registration') && !is_user_logged_in()) : ?>
|
||||||
<div class="error text-center">
|
<div class="error text-center">
|
||||||
<?php printf(__('您需要 <a href="%s">登录</a> 之后才可以评论', 'kratos'), wp_login_url(get_permalink())); ?>
|
<?php printf(__('您需要 <a href="%s">登录</a> 之后才可以评论', 'kratos'), wp_login_url(get_permalink())); ?>
|
||||||
</div>
|
</div>
|
||||||
|
@ -72,6 +73,7 @@ if (comments_open()) { ?>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="float-right">
|
<div class="float-right">
|
||||||
|
<?php comment_form_title(''); ?>
|
||||||
<?php cancel_comment_reply_link(__('取消回复', 'kratos')); ?>
|
<?php cancel_comment_reply_link(__('取消回复', 'kratos')); ?>
|
||||||
<input name="submit" type="submit" id="submit" class="btn btn-primary" value="<?php _e('提交评论', 'kratos'); ?>">
|
<input name="submit" type="submit" id="submit" class="btn btn-primary" value="<?php _e('提交评论', 'kratos'); ?>">
|
||||||
</div>
|
</div>
|
||||||
|
|
14
style.css
14
style.css
|
@ -1811,14 +1811,12 @@ ol {
|
||||||
|
|
||||||
#commentpage a {
|
#commentpage a {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 144px;
|
width: 100px;
|
||||||
height: 37px;
|
height: 32px;
|
||||||
border: none;
|
border-radius: 3px;
|
||||||
border-radius: 2px;
|
|
||||||
background-color: #00a2ff;
|
background-color: #00a2ff;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 15px;
|
font-size: 14px;
|
||||||
line-height: 2.4;
|
|
||||||
transition: all 0.15s ease-in-out;
|
transition: all 0.15s ease-in-out;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
|
@ -1826,6 +1824,10 @@ ol {
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#commentpage a span {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 768px) {
|
@media screen and (max-width: 768px) {
|
||||||
.k-main .details .comments .comment-form-author {
|
.k-main .details .comments .comment-form-author {
|
||||||
padding-right: 15px;
|
padding-right: 15px;
|
||||||
|
|
Loading…
Reference in New Issue