Making WordPress.org


Ignore:
Timestamp:
03/01/2017 06:26:37 PM (8 years ago)
Author:
SergeyBiryukov
Message:

Support Theme: Update styling in Spam/Pending/Archived views, user replies, and search results for consistency with single topic view.

Fixes #2543.

File:
1 edited

Legend:

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

    r5023 r5025  
    125125        }
    126126
    127         .bbp-topics .bbp-topic-author,
    128         .bbp-topics .bbp-reply-author,
    129         .bbp-search-results .bbp-topic-author,
    130         .bbp-search-results .bbp-reply-author {
    131             margin-top: 1.45rem;
     127        ul.bbp-lead-topic {
     128            margin: 0;
     129        }
     130
     131        ul.bbp-lead-topic li.bbp-body {
     132            border: 0;
     133        }
     134
     135        ul.bbp-lead-topic li.bbp-body div.topic {
     136            background: transparent;
     137        }
     138
     139        .bbp-search-results div.topic .topic-indicator {
     140            display: none;
     141        }
     142
     143        div.bbp-reply-author a.bbp-author-name,
     144        div.bbp-topic-author a.bbp-author-name {
     145            clear: none;
     146            font-size: ms(0);
     147            display: inline-block;
     148            margin: 0;
     149        }
     150
     151        div.bbp-reply-author,
     152        div.bbp-topic-author {
     153            float: none;
     154            text-align: left;
     155            width: 100%;
     156            margin: 1rem 0 2rem;
     157            padding-left: 5%;
     158        }
     159
     160        .bbp-user-nicename,
     161        .bbp-topic-post-date,
     162        .bbp-topic-ip,
     163        .bbp-reply-post-date,
     164        .bbp-reply-ip,
     165        .wporg-bbp-user-flag {
     166            font-size: ms(-2);
     167            font-weight: normal;
     168            margin: 0;
     169            margin-right: 10px;
     170            display: inline-block;
     171        }
     172
     173        span.bbp-author-ip {
     174            font-size: ms(-2);
     175            font-weight: 400;
     176        }
     177
     178        div.topic,
     179        div.reply {
     180            padding: 1.5rem 0;
     181        }
     182
     183        div.bbp-reply-content,
     184        div.bbp-topic-content {
     185            padding: 0;
     186            margin: 0 0 0 5%;
     187        }
     188
     189        li.bbp-body div.type-topic:hover span.bbp-admin-links,
     190        li.bbp-body div.type-reply:hover span.bbp-admin-links {
     191            bottom: 0;
     192            right: 0;
     193            background: #fbfbfb;
     194            padding: 3px 10px;
     195
     196            a {
     197                color: #0073aa;
     198                text-transform: inherit;
     199                font-size: 0.7rem;
     200
     201                &:hover {
     202                    text-decoration: underline;
     203                }
     204            }
    132205        }
    133206
     
    628701            }
    629702
    630             div.bbp-reply-author a.bbp-author-name,
    631             div.bbp-topic-author a.bbp-author-name {
    632                 clear: none;
    633                 font-size: ms(0);
    634                 display: inline-block;
    635             }
    636 
    637             div.bbp-forum-author a.bbp-author-name,
    638             div.bbp-reply-author a.bbp-author-name,
    639             div.bbp-topic-author a.bbp-author-name {
    640                 margin: 0;
     703            ul.bbp-lead-topic {
     704                margin-bottom: 15px;
    641705            }
    642706
     
    645709                border-top: none;
    646710            }
     711
    647712            ul.bbp-lead-topic li.bbp-body div.topic {
    648713                background: #fbfbfb;
     
    650715            }
    651716
    652             div.bbp-forum-author,
    653717            div.bbp-reply-author,
    654718            div.bbp-topic-author {
    655                 float: none;
    656                 text-align: left;
    657                 width: 100%;
    658                 margin: 1rem 0 2rem;
    659719                padding-left: 10%;
    660             }
    661 
    662             .bbp-author-role {
    663                 margin: 0;
    664                 border: none;
    665                 background: none;
    666720            }
    667721
    668722            .bbp-author-title {
    669723                margin: 0;
    670             }
    671 
    672             .bbp-user-nicename, .bbp-topic-post-date, .bbp-topic-ip, .bbp-reply-post-date, .bbp-reply-ip, .wporg-bbp-user-flag {
    673                 font-size: ms(-2);
    674                 font-weight: normal;
    675                 margin: 0;
    676                 margin-right: 10px;
    677                 display: inline-block;
    678 
    679                 span.bbp-author-ip, span.bbp-reply-ip {
    680                     font-size: ms(-2);
    681                     font-weight: 400;
    682                 }
    683             }
    684 
    685             div.bbp-forum-author .bbp-author-role,
    686             div.bbp-reply-author .bbp-author-role,
    687             div.bbp-topic-author .bbp-author-role {
    688                 font-size: ms(-2);
    689                 font-style: normal;
    690724            }
    691725
     
    700734                }
    701735            }
     736
    702737            div.bbp-reply-content {
    703738                margin-left: 11%;
     
    710745                background: #fff;
    711746                border-top: 2px solid #eee;
    712                 padding: 1.5rem 0;
    713             }
    714 
    715             li.bbp-body div.type-topic:hover span.bbp-admin-links,
    716             li.bbp-body div.type-reply:hover span.bbp-admin-links {
    717                 bottom: 0;
    718                 right: 0;
    719                 background: #fbfbfb;
    720                 padding: 3px 10px;
    721 
    722                 a {
    723                     color: #0073aa;
    724                     text-transform: inherit;
    725                     font-size: 0.7rem;
    726 
    727                     &:hover {
    728                         text-decoration: underline;
    729                     }
    730                 }
    731747            }
    732748
     
    741757            }
    742758
    743 
    744             // Show dashicon if topic is sticky
     759            // Show dashicon if topic is sticky or closed
    745760            .topic {
    746761                position: relative;
Note: See TracChangeset for help on using the changeset viewer.