Changeset 5053 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support/sass/site/_bbpress.scss

Timestamp:

03/03/2017 05:26:52 AM (10 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:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support/sass/site/_bbpress.scss (modified) (7 diffs)

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

@@ -125 +125 @@
                 }
 
+                ul.bbp-lead-topic, 
+                ul.bbp-replies, 
+                ul.bbp-search-results, 
+                ul.bbp-topics.full-posts,
+                li.bbp-body div.hentry {
+                        overflow: visible;
+                }
+
                 ul.bbp-lead-topic {
                         margin: 0;
@@ -139 +147 @@
                 .bbp-search-results div.topic .topic-indicator {
                         display: none;
+                }
+
+                div.bbp-topic-author img.avatar, 
+                div.bbp-reply-author img.avatar {
+                        border-radius: 50%;
+                        float: left;
+                        width: 50px;
+                        height: 50px;
+                        max-width: 50px;
+                        max-height: 50px;
+                        margin: 0;
+                        margin-right: 10px;
+                        margin-left: -11%;
+                }
+
+                div.bbp-topic-author img.avatar {
+                        margin-left: -19%;
+                        margin-top: -6px;
+                        width: 80px;
+                        height: 80px;
+                        max-width: 80px;
+                        max-height: 80px;
+                }
+
+                @media only screen and (max-width: 480px) {
+                        div.bbp-reply-author img.avatar,
+                        div.bbp-topic-author img.avatar {
+                                position: relative;
+                                top: 0;
+                        }
                 }
 
@@ -155 +193 @@
                         width: 100%;
                         margin: 1rem 0 2rem;
-                        padding-left: 5%;
+                        padding-left: 10%;
+                }
+
+                .bbp-user-replies-created div.bbp-reply-author,
+                .bbp-user-replies-created div.bbp-topic-author {
+                        padding-left: 1.5rem;
                 }
 
@@ -182 +225 @@
                 div.topic, 
                 div.reply {
-                        padding: 1.5rem 0;
+                        padding: 1.5rem 1.5rem 1.5rem 0;
                 }
 
@@ -188 +231 @@
                 div.bbp-topic-content {
                         padding: 0;
-                        margin: 0 2.5% 0 5%;
+                        margin: 0 0 0 10%;
+                }
+
+                div.bbp-reply-content {
+                        margin-left: 11%;
+                }
+
+                .bbp-user-replies-created div.bbp-reply-content,
+                .bbp-user-replies-created div.bbp-topic-content {
+                        margin-left: 1.5rem;
                 }
 
@@ -676 +728 @@
                         overflow: visible;
 
-                        ul.bbp-forums, 
-                        ul.bbp-lead-topic, 
-                        ul.bbp-replies, 
-                        ul.bbp-search-results, 
-                        ul.bbp-topics,
-                        div.bbp-forum-header, 
-                        div.bbp-reply-header, 
-                        div.bbp-topic-header, 
-                        li.bbp-body div.hentry {
-                                overflow: visible;
-                        }
-
-                        div.bbp-topic-author img.avatar, 
-                        div.bbp-reply-author img.avatar {
-                                border-radius: 50%;
-                                float: left;
-                                width: 50px;
-                                height: 50px;
-                                max-width: 50px;
-                                max-height: 50px;
-                                margin: 0;
-                                margin-right: 10px;
-                                margin-left: -11%;
-                        }
-                        div.bbp-topic-author img.avatar {
-                                margin-left: -19%;
-                                margin-top: -6px;
-                                width: 80px;
-                                height: 80px;
-                                max-width: 80px;
-                                max-height: 80px;
-                        }
-
-                        @media only screen and (max-width: 480px) {
-                                div.bbp-reply-author img.avatar,
-                                div.bbp-topic-author img.avatar {
-                                        position: relative;
-                                        top: 0;
-                                }
-                        }
-
                         ul.bbp-lead-topic {
                                 margin-bottom: 15px;
@@ -728 +739 @@
                         ul.bbp-lead-topic li.bbp-body div.topic {
                                 background: #fbfbfb;
-                                padding: 1.5rem 1.5rem 1.5rem 0;
-                        }
-
-                        div.bbp-reply-author, 
-                        div.bbp-topic-author {
-                                padding-left: 10%;
-                        }
-
-                        div.bbp-forum-content, 
-                        div.bbp-reply-content, 
-                        div.bbp-topic-content {
-                                padding: 0;
-                                margin: 0 0 0 10%;
-                        }
-
-                        div.bbp-reply-content {
-                                margin-left: 11%;
+                        }
+
+                        div.reply.status-publish {
+                                padding-right: 0;
                         }