Changeset 6986

Timestamp:

11/22/2019 11:21:46 PM (5 years ago)

Author:

johnjamesjacoby

Message:

Theme Compat: more styling tweaks to default theme.

This commit adds more aggressive targeting to UL elements within the main bbpress-forums wrapper element, to ensure that themes choosing to also style unordered lists do not add margins & paddings to these default wrappers.

It also forces all default styling fonts to sans-serif, regardless of the parent theme. Serif fonts were never meant to be inherited, usually are difficult to read in small sizes, and many themes use broad styling for serifs that conflict with bbPress default styling elements.

Includes a few responsive improvements for smaller screens where author information gets displayed vertically.

File:

• trunk/src/templates/default/css/bbpress.css (modified) (9 diffs)

trunk/src/templates/default/css/bbpress.css

@@ -40 +40 @@
 }
 
+/* Gently apply sans-serif styling by default */
+#bbpress-forums a,
+#bbpress-forums button,
+#bbpress-forums p,
+#bbpress-forums ul,
+#bbpress-forums ol,
+#bbpress-forums li,
+#bbpress-forums div,
+#bbpress-forums span,
+#bbpress-forums input,
+#bbpress-forums select,
+#bbpress-forums textarea {
+    font-family: sans-serif;
+}
+
 #bbpress-forums a,
 #bbpress-forums a:hover {
@@ -47 +62 @@
 }
 
+/* Uses ID & class together for increased target strength */
+#bbpress-forums.bbpress-wrapper ul {
+    background: none;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
 #bbpress-forums hr {
     margin: 0 0 24px;
@@ -96 +119 @@
 #bbpress-forums ul.status-closed a {
     color: #ccc;
-}
-
-#bbpress-forums ul {
-    background: none;
-    list-style: none;
-    margin: 0;
-    padding: 0;
 }
 
@@ -475 +491 @@
 #bbpress-forums div.bbp-breadcrumb p,
 #bbpress-forums div.bbp-topic-tags p {
-    margin-bottom: 10px;
+    margin: 0 0 10px 0;
 }
 
@@ -717 +733 @@
 }
 
+/* Some themes aggressively add padding to paragraph tags */
+#bbpress-forums fieldset.bbp-form p {
+    padding: 0;
+}
+
 #bbpress-forums fieldset.bbp-form p,
 #bbpress-forums fieldset.bbp-form textarea,
@@ -722 +743 @@
 #bbpress-forums fieldset.bbp-form input {
     margin: 0 0 8px;
+}
+
+/* Try to prevent untall selects & text boxes */
+#bbpress-forums fieldset.bbp-form select,
+#bbpress-forums fieldset.bbp-form input[type="text"] {
+    min-height: 28px;
+    height: 28px;
+    padding: 5px;
 }
 
@@ -1389 +1418 @@
 
     #bbpress-forums div.bbp-topic-tags {
-        clear: left;
-        float: left;
+        clear: both;
+        float: none;
     }
 
@@ -1417 +1446 @@
 
     span.bbp-admin-links {
-        clear: left;
-        float: left;
+        float: none;
+        clear: both;
     }
 
@@ -1437 +1466 @@
         width: calc(100% - 100px);
         border-bottom: 1px solid #efefef;
+        box-sizing: content-box;
     }