Skip to:
Content

BuddyPress.org

Changeset 4577


Ignore:
Timestamp:
06/30/2011 08:33:09 PM (14 years ago)
Author:
djpaul
Message:

First pass at tidying up comment styling. See #3242. Big props Dennissmolek & hnla

Location:
trunk/bp-themes/bp-default
Files:
4 edited

Legend:

Unmodified
Added
Removed
  • trunk/bp-themes/bp-default/_inc/css/default-rtl.css

    r4545 r4577  
    197197    font-family: sans-serif;
    198198}
     199#respond .comment-avatar-box {
     200    float: right;
     201    margin: 0 0 0 15px;
     202}
    199203div.post-content,
    200204div.comment-content {
     
    309313    float: left;
    310314}
     315.commentlist ul.children {
     316    margin: 15px 70px 15px 0;
     317}
     318.commentlist ul.children ul {
     319    margin: 0 25px 0 0 0;
     320}
     321ol.commentlist #respond {
     322    clear: right;
     323    margin-left: auto;
     324    margin-right: 70px;
     325}
     326div.comment-meta {
     327    float: right;
     328}
    311329div.comment-meta em {
     330    float: left;
     331}
     332div.comment-meta p {
     333    float: right;
     334}
     335div.comment-meta p.comment-reply {
    312336    float: left;
    313337}
  • trunk/bp-themes/bp-default/_inc/css/default.css

    r4575 r4577  
    697697}
    698698ol.commentlist li {
     699    border-top: 1px solid #e4e4e4;
    699700    clear: left;
    700701    list-style: none;
    701702    margin-bottom: 15px;
    702703}
     704ol.commentlist ul.children li {
     705    margin-bottom: 0;
     706}
    703707ol.commentlist div.comment-avatar-box {
    704708    float: left;
    705     margin: 15px 10px 15px 0;
     709    margin: 15px 15px 0 0;
    706710}
    707711.commentlist ul.children div.comment-avatar-box {
    708712    float: left;
    709     margin: 0px 10px 10px 0;
     713    margin: 0px 10px 0 0;
    710714}
    711715div.comment-avatar-box img {
     
    713717}
    714718div.comment-content {
    715     border-top: 1px solid #e4e4e4;
    716     padding-left: 75px;
    717 }
    718 .commentlist .children .comment {
    719     margin-bottom: 5px;
    720 }
    721 div.comment-meta,
    722 div.comment-options {
     719    overflow: hidden;
     720}
     721.comment-entry {
     722    float: left;
     723}
     724ul.children .comment-entry {
     725    margin-bottom: 10px;
     726}
     727div.comment-meta {
    723728    color: #888;
     729    float: left;
    724730    font-size: 11px;
    725731    margin: 15px 0;
     732    width: 100%;
     733}
     734div.comment-meta p {
     735    float: left;
     736    margin-bottom: 0;
     737}
     738div.comment-meta p.comment-reply {
     739    float: right;
    726740}
    727741div.comment-meta em {
     
    781795    -webkit-border-radius: 4px;
    782796    border-radius: 4px;
    783     margin-bottom: 10px;
    784     margin-left: 75px;
    785     padding: 1px 10px;
    786 
     797    margin: 15px 0 15px 70px;
     798    padding: 0 10px;
    787799}
    788800.commentlist ul.children ul {
    789     margin-left: 20px;
    790     margin-bottom: 0;
    791     padding: 5px 0 0 0;
     801    margin: 0 0 0 25px;
    792802}
    793803.commentlist ul.children img.avatar {
     
    797807    width: 25px;
    798808}
    799 .commentlist ul.children div.comment-content {
    800     border-top: none;
    801     padding-left: 35px;
    802 }
    803809.commentlist ul.children div.comment-meta {
    804810    font-size: 11px;
    805     margin-top: 0;
     811    margin: 0 0 10px 0;
    806812}
    807813.commentlist ul.children div.comment-options {
     
    840846    padding: 15px;
    841847}
     848#respond .avb img {
     849    float: inherit;
     850}
     851#respond .comment-avatar-box {
     852    float: left;
     853    margin: 0 15px 0 0;
     854}
    842855#respond .form-submit {
    843856    margin-bottom: 0;
    844857}
    845858ol.commentlist #respond {
    846     margin-left: 75px;
     859    clear: left;
     860    margin-left: 70px;
    847861}
    848862.commentlist ul.children #respond {
     
    853867h3#reply .comments-header {
    854868    font-size: 14px;
    855 }
    856 #respond div.comment-avatar-box {
    857     margin-top: 0;
    858869}
    859870#respond div.comment-content {
     
    16501661    margin-top: 5px;
    16511662}
    1652 .form-allowed-tags,
    16531663.standard-form input[type=text] {
    16541664    width: 75%;
     
    16641674}
    16651675.standard-form#signup_form input[type=text],
    1666 .standard-form#signup_form textarea {
     1676.standard-form#signup_form textarea,
     1677.form-allowed-tags,
     1678#commentform input[type=text],
     1679#commentform textarea {
    16671680    width: 90%;
    16681681}
  • trunk/bp-themes/bp-default/comments.php

    r4131 r4577  
    2828
    2929        <ol class="commentlist">
    30             <?php wp_list_comments( array( 'callback' => 'bp_dtheme_blog_comments' ) ) ?>
     30            <?php wp_list_comments( array( 'callback' => 'bp_dtheme_blog_comments', 'type' => 'comment' ) ) ?>
    3131        </ol><!-- .comment-list -->
    3232
  • trunk/bp-themes/bp-default/functions.php

    r4575 r4577  
    422422        $avatar_size = 20;
    423423    ?>
     424
    424425    <li <?php comment_class() ?> id="comment-<?php comment_ID() ?>">
    425426        <div class="comment-avatar-box">
     
    442443
    443444                    <?php if ( 1 == $depth ) : ?>
    444                         &middot; <a href="#comment-<?php comment_ID() ?>"><?php _e( 'View', 'buddypress' ) ?></a>
     445                        <a href="#comment-<?php comment_ID() ?>"><?php _e( 'View', 'buddypress' ) ?></a>
    445446                    <?php elseif ( comments_open() ) : ?>
    446                         &middot; <?php comment_reply_link( array( 'depth' => $depth, 'max_depth' => $args['max_depth'], 'reply_text' => __( 'Reply', 'buddypress' ) ) ) ?>
     447                        <?php comment_reply_link( array( 'depth' => $depth, 'max_depth' => $args['max_depth'], 'reply_text' => __( 'Reply', 'buddypress' ) ) ) ?>
    447448                    <?php endif; ?>
    448449
    449                     <?php edit_comment_link( __( 'Edit', 'buddypress' ), '&middot; ', '' ); ?>
     450                    <?php edit_comment_link( __( 'Edit', 'buddypress' ) ); ?>
    450451                </p>
     452
     453                <?php if ( 1 == $depth && -1 != $args['max_depth'] && comments_open() ) : ?>
     454                    <p class="comment-reply"><?php comment_reply_link( array( 'depth' => $depth, 'max_depth' => $args['max_depth'] ) ) ?></p>
     455                <?php endif; ?>
    451456            </div>
    452457
    453             <?php if ( $comment->comment_approved == '0' ) : ?>
    454                 <em class="moderate"><?php _e( 'Your comment is awaiting moderation.', 'buddypress' ) ?></em><br />
    455             <?php endif; ?>
    456 
    457             <?php comment_text() ?>
    458 
    459             <?php if ( 1 == $depth && -1 != $args['max_depth'] && comments_open() ) : ?>
    460                 <div class="comment-options">
    461                     <?php comment_reply_link( array( 'depth' => $depth, 'max_depth' => $args['max_depth'] ) ) ?>
    462                 </div>
    463             <?php endif; ?>
     458            <div class="comment-entry">
     459                <?php if ( $comment->comment_approved == '0' ) : ?>
     460                    <em class="moderate"><?php _e( 'Your comment is awaiting moderation.', 'buddypress' ); ?></em>
     461                <?php endif; ?>
     462
     463                <?php comment_text() ?>
     464            </div>
     465
    464466        </div>
     467
    465468<?php
    466469}
Note: See TracChangeset for help on using the changeset viewer.