Making WordPress.org


Ignore:
Timestamp:
03/03/2017 05:26:52 AM (5 years ago)
Author:
SergeyBiryukov
Message:

Support Theme: Display Gravatars in search results and Spam/Archived/Pending views.

This allows for easier scanning, differentiating between topics and replies, and further improves visual consistency between lists of posts and single topic view.

See #2543.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support/sass/site/_bbpress.scss

    r5046 r5053  
    125125        }
    126126
     127        ul.bbp-lead-topic,
     128        ul.bbp-replies,
     129        ul.bbp-search-results,
     130        ul.bbp-topics.full-posts,
     131        li.bbp-body div.hentry {
     132            overflow: visible;
     133        }
     134
    127135        ul.bbp-lead-topic {
    128136            margin: 0;
     
    139147        .bbp-search-results div.topic .topic-indicator {
    140148            display: none;
     149        }
     150
     151        div.bbp-topic-author img.avatar,
     152        div.bbp-reply-author img.avatar {
     153            border-radius: 50%;
     154            float: left;
     155            width: 50px;
     156            height: 50px;
     157            max-width: 50px;
     158            max-height: 50px;
     159            margin: 0;
     160            margin-right: 10px;
     161            margin-left: -11%;
     162        }
     163
     164        div.bbp-topic-author img.avatar {
     165            margin-left: -19%;
     166            margin-top: -6px;
     167            width: 80px;
     168            height: 80px;
     169            max-width: 80px;
     170            max-height: 80px;
     171        }
     172
     173        @media only screen and (max-width: 480px) {
     174            div.bbp-reply-author img.avatar,
     175            div.bbp-topic-author img.avatar {
     176                position: relative;
     177                top: 0;
     178            }
    141179        }
    142180
     
    155193            width: 100%;
    156194            margin: 1rem 0 2rem;
    157             padding-left: 5%;
     195            padding-left: 10%;
     196        }
     197
     198        .bbp-user-replies-created div.bbp-reply-author,
     199        .bbp-user-replies-created div.bbp-topic-author {
     200            padding-left: 1.5rem;
    158201        }
    159202
     
    182225        div.topic,
    183226        div.reply {
    184             padding: 1.5rem 0;
     227            padding: 1.5rem 1.5rem 1.5rem 0;
    185228        }
    186229
     
    188231        div.bbp-topic-content {
    189232            padding: 0;
    190             margin: 0 2.5% 0 5%;
     233            margin: 0 0 0 10%;
     234        }
     235
     236        div.bbp-reply-content {
     237            margin-left: 11%;
     238        }
     239
     240        .bbp-user-replies-created div.bbp-reply-content,
     241        .bbp-user-replies-created div.bbp-topic-content {
     242            margin-left: 1.5rem;
    191243        }
    192244
     
    676728            overflow: visible;
    677729
    678             ul.bbp-forums,
    679             ul.bbp-lead-topic,
    680             ul.bbp-replies,
    681             ul.bbp-search-results,
    682             ul.bbp-topics,
    683             div.bbp-forum-header,
    684             div.bbp-reply-header,
    685             div.bbp-topic-header,
    686             li.bbp-body div.hentry {
    687                 overflow: visible;
    688             }
    689 
    690             div.bbp-topic-author img.avatar,
    691             div.bbp-reply-author img.avatar {
    692                 border-radius: 50%;
    693                 float: left;
    694                 width: 50px;
    695                 height: 50px;
    696                 max-width: 50px;
    697                 max-height: 50px;
    698                 margin: 0;
    699                 margin-right: 10px;
    700                 margin-left: -11%;
    701             }
    702             div.bbp-topic-author img.avatar {
    703                 margin-left: -19%;
    704                 margin-top: -6px;
    705                 width: 80px;
    706                 height: 80px;
    707                 max-width: 80px;
    708                 max-height: 80px;
    709             }
    710 
    711             @media only screen and (max-width: 480px) {
    712                 div.bbp-reply-author img.avatar,
    713                 div.bbp-topic-author img.avatar {
    714                     position: relative;
    715                     top: 0;
    716                 }
    717             }
    718 
    719730            ul.bbp-lead-topic {
    720731                margin-bottom: 15px;
     
    728739            ul.bbp-lead-topic li.bbp-body div.topic {
    729740                background: #fbfbfb;
    730                 padding: 1.5rem 1.5rem 1.5rem 0;
    731             }
    732 
    733             div.bbp-reply-author,
    734             div.bbp-topic-author {
    735                 padding-left: 10%;
    736             }
    737 
    738             div.bbp-forum-content,
    739             div.bbp-reply-content,
    740             div.bbp-topic-content {
    741                 padding: 0;
    742                 margin: 0 0 0 10%;
    743             }
    744 
    745             div.bbp-reply-content {
    746                 margin-left: 11%;
     741            }
     742
     743            div.reply.status-publish {
     744                padding-right: 0;
    747745            }
    748746
Note: See TracChangeset for help on using the changeset viewer.