Skip to:
Content

BuddyPress.org

Ticket #3242: 3242-02.patch

File 3242-02.patch, 4.2 KB (added by DJPaul, 14 years ago)

problem with 100% widths and margins

  • bp-themes/bp-default/functions.php

     
    418418        else
    419419                $avatar_size = 20;
    420420        ?>
     421
    421422        <li <?php comment_class() ?> id="comment-<?php comment_ID() ?>">
    422423                <div class="comment-avatar-box">
    423424                        <div class="avb">
     
    438439                                        <span class="time-since">&nbsp; <?php comment_date() ?></span>
    439440
    440441                                        <?php if ( 1 == $depth ) : ?>
    441                                                 &middot; <a href="#comment-<?php comment_ID() ?>"><?php _e( 'View', 'buddypress' ) ?></a>
     442                                                <a href="#comment-<?php comment_ID() ?>"><?php _e( 'View', 'buddypress' ) ?></a>
    442443                                        <?php elseif ( comments_open() ) : ?>
    443                                                 &middot; <?php comment_reply_link( array( 'depth' => $depth, 'max_depth' => $args['max_depth'], 'reply_text' => __( 'Reply', 'buddypress' ) ) ) ?>
     444                                                <?php comment_reply_link( array( 'depth' => $depth, 'max_depth' => $args['max_depth'], 'reply_text' => __( 'Reply', 'buddypress' ) ) ) ?>
    444445                                        <?php endif; ?>
    445446
    446                                         <?php edit_comment_link( __( 'Edit', 'buddypress' ), '&middot; ', '' ); ?>
     447                                        <?php edit_comment_link( __( 'Edit', 'buddypress' ) ); ?>
    447448                                </p>
     449
     450                                <?php if ( 1 == $depth && -1 != $args['max_depth'] && comments_open() ) : ?>
     451                                        <p class="comment-reply"><?php comment_reply_link( array( 'depth' => $depth, 'max_depth' => $args['max_depth'] ) ) ?></p>
     452                                <?php endif; ?>
    448453                        </div>
    449454
    450                         <?php if ( $comment->comment_approved == '0' ) : ?>
    451                                 <em class="moderate"><?php _e( 'Your comment is awaiting moderation.', 'buddypress' ) ?></em><br />
    452                         <?php endif; ?>
     455                        <div class="comment-entry">
     456                                <?php if ( $comment->comment_approved == '0' ) : ?>
     457                                        <em class="moderate"><?php _e( 'Your comment is awaiting moderation.', 'buddypress' ); ?></em>
     458                                <?php endif; ?>
    453459
    454                         <?php comment_text() ?>
     460                                <?php comment_text() ?>
     461                        </div>
    455462
    456                         <?php if ( 1 == $depth && -1 != $args['max_depth'] && comments_open() ) : ?>
    457                                 <div class="comment-options">
    458                                         <?php comment_reply_link( array( 'depth' => $depth, 'max_depth' => $args['max_depth'] ) ) ?>
    459                                 </div>
    460                         <?php endif; ?>
     463                        <div class="clear"></div>
    461464                </div>
     465
     466        <div class="clear"></div>
    462467<?php
    463468}
    464469endif;
  • bp-themes/bp-default/_inc/css/default.css

     
    19331933        list-style: none;
    19341934        margin-bottom: 15px;
    19351935}
     1936ol.commentlist ul.children li {
     1937        margin-bottom: 0;
     1938}
    19361939ol.commentlist div.comment-avatar-box {
    19371940        float: left;
    1938         margin: 15px 10px 15px 0;
     1941        margin: 15px 15px 0 0;
    19391942}
    19401943.commentlist ul.children div.comment-avatar-box {
    19411944        float: left;
    1942         margin: 0px 10px 10px 0;
     1945        margin: 0px 10px 0 0;
    19431946}
    19441947div.comment-avatar-box img {
    19451948        border: 2px solid #eee;
    19461949}
    19471950div.comment-content {
    19481951        border-top: 1px solid #e4e4e4;
    1949         padding-left: 75px;
     1952        padding-left: 70px;
     1953        width: 100%;
    19501954}
    1951 .commentlist .children .comment {
    1952         margin-bottom: 5px;
     1955.comment-entry {
     1956        float: left;
    19531957}
    1954 div.comment-meta,
    1955 div.comment-options {
     1958ul.children .comment-entry {
     1959        margin-bottom: 10px;
     1960}
     1961div.comment-meta {
    19561962        color: #888;
     1963        float: left;
    19571964        font-size: 11px;
    19581965        margin: 15px 0;
     1966        width: 100%;
    19591967}
     1968div.comment-meta p {
     1969        float: left;
     1970        margin-bottom: 0;
     1971}
     1972div.comment-meta p.comment-reply {
     1973        float: right;
     1974}
    19601975div.comment-meta em {
    19611976        font-style: normal;
    19621977}
     
    20102025}
    20112026.commentlist ul.children {
    20122027        background: #f5f5f5;
    2013         margin-bottom: 10px;
    2014         margin-left: 75px;
    2015         padding: 1px 10px;
     2028        float: left;
     2029        margin: 15px 0 15px 70px;
     2030        padding: 0 10px;
    20162031        -moz-border-radius: 4px;
    20172032        -webkit-border-radius: 4px;
    20182033}
    20192034.commentlist ul.children ul {
    2020         margin-left: 20px;
    2021         margin-bottom: 0;
    2022         padding: 5px 0 0 0;
     2035        margin: 0 0 0 25px;
    20232036}
    20242037.commentlist ul.children img.avatar {
    20252038        border-style: none;
     
    20332046}
    20342047.commentlist ul.children div.comment-meta {
    20352048        font-size: 11px;
    2036         margin-top: 0;
     2049        margin: 0 0 10px 0;
    20372050}
    20382051.commentlist ul.children div.comment-options {
    20392052        margin-bottom: 5px;
     
    20742087        margin-bottom: 0;
    20752088}
    20762089ol.commentlist #respond {
    2077         margin-left: 75px;
     2090        margin-left: 70px;
    20782091}
    20792092.commentlist ul.children #respond {
    20802093        margin-bottom: 10px;