Changeset 6951

Timestamp:

11/14/2019 10:42:10 PM (6 years ago)

Author:

johnjamesjacoby

Message:

Theme Compat: resolve a number of issues brought up after 2.6 was released.

This commit does the following:

• Sets min and max heights on img.avatar elements to avoid them being super huge in Twenty Twenty
• Restores text-underline styling for topic & reply content for Twenty Seventeen
• Removes text-underline for revisions
• Fixes padding & margins on small screens across all themes

See #3281. For 2.6.1, branches/2.6.

File:

• branches/2.6/src/templates/default/css/bbpress.css (modified) (14 diffs)

branches/2.6/src/templates/default/css/bbpress.css

@@ -68 +68 @@
     height: auto;
     width: 100%;
+    box-sizing: border-box;
 }
 
@@ -338 +339 @@
     margin: 0;
     padding: 0;
+    text-decoration: underline;
 }
 
@@ -668 +670 @@
 #bbpress-forums .bbp-topic-pagination a {
     font-size: 10px;
+    font-weight: 400;
     line-height: 10px;
+    margin: 0;
     padding: 1px 3px;
     border: 1px solid #ddd;
     color: inherit;
+    background: none;
+    display: inline;
     text-decoration: none;
 }
@@ -814 +820 @@
 
 #bbpress-forums div.bbp-the-content-wrapper input[type="button"] {
-    padding: 5px 7px;
+    padding: 4px 7px;
     margin: 0 -1px 0 0;
-    line-height: 1;
+    line-height: 0;
     border: 1px solid transparent;
     background-color: transparent;
@@ -824 +830 @@
     text-transform: uppercase;
     font-size: 11px;
+    font-weight: 400;
+    border-radius: 3px;
+    min-width: 25px;
+    color: #555;
 }
 
@@ -1061 +1071 @@
     color: #555;
     text-decoration: none;
+
 }
 
@@ -1127 +1138 @@
 }
 
+#bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log a,
+#bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log a,
+#bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log a {
+    text-decoration: none;
+}
+
 /* =Widgets
 -------------------------------------------------------------- */
@@ -1184 +1201 @@
     box-shadow: none;
     display: inline-block;
+    margin-right: 4px;
 }
 
@@ -1195 +1213 @@
     vertical-align: middle;
     border: 3px double #ddd;
+    max-height: 20px;
+    max-width: 20px;
 }
 
@@ -1406 +1426 @@
     #bbpress-forums .bbp-body div.bbp-topic-author,
     #bbpress-forums .bbp-body div.bbp-reply-author {
-        margin: -15px 10px 10px;
-        min-height: 100px;
+        float: none;
+        margin: 10px;
+        min-height: 80px;
         padding-left: 80px;
         position: relative;
         text-align: left;
-        width: 100%;
+        width: calc(100% - 100px);
+        border-bottom: 1px solid #efefef;
     }
 
@@ -1425 +1447 @@
     #bbpress-forums div.bbp-reply-author img.avatar {
         position: absolute;
-        top: 15px;
+        top: 0;
         left: 0;
         width: 60px;
         height: auto;
+        margin-top: 0;
     }
 
@@ -1440 +1463 @@
     #bbpress-forums .bbp-body div.bbp-reply-content {
         clear: both;
-        margin: 10px;
+        margin: 0 10px 5px 10px;
         padding: 0;
     }
@@ -1447 +1470 @@
     #bbpress-forums div.bbp-reply-content p {
         margin-bottom: 1em;
+    }
+
+    #bbpress-forums div.bbp-topic-content p:last-child,
+    #bbpress-forums div.bbp-reply-content p:last-child {
+        margin-bottom: 0;
     }
 
@@ -1540 +1568 @@
         width: 14px;
         height: auto;
+        max-height: 14px;
+        max-width: 14px;
     }