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 (9 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;
             }