Changeset 3940

Timestamp:

09/03/2016 08:47:15 AM (8 years ago)

Author:

ocean90

Message:

Forums Theme: Add responsive styles for topic/reply authors.

Props francescolaffi.
See #1138.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-forums/style.css (modified) (1 diff)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-forums/style.css

@@ -248 +248 @@
     }
 }
+
+@media only screen and (max-width: 480px) {
+    div.content {
+        width: 100%;
+    }
+
+    #bbpress-forums .bbp-pagination-count,
+    #bbpress-forums .bbp-pagination-links {
+        float: none;
+    }
+
+    #bbpress-forums div.bbp-topic-author img.avatar,
+    #bbpress-forums div.bbp-reply-author img.avatar {
+        width: 50px;
+        height: 50px;
+        max-width: 50px;
+        max-height: 50px;
+    }
+
+    #bbpress-forums .bbp-body div.bbp-topic-author,
+    #bbpress-forums .bbp-body div.bbp-reply-author {
+        float: none;
+        width: auto;
+        padding-left: 70px;
+    }
+
+    #bbpress-forums div.bbp-topic-author a.bbp-author-name,
+    #bbpress-forums div.bbp-reply-author a.bbp-author-name {
+        display: block;
+    }
+
+    #bbpress-forums .bbp-author-role {
+        margin: -20px 0 0;
+        padding: 0 6px;
+    }
+
+    #bbpress-forums p.bbp-topic-post-date,
+    #bbpress-forums div.bbp-topic-ip,
+    #bbpress-forums p.bbp-reply-post-date,
+    #bbpress-forums div.bbp-reply-ip {
+        margin: 0;
+        display: block;
+    }
+}