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

Timestamp:

04/18/2024 03:08:12 AM (6 months ago)

Author:

adamwood

Message:

wporg-support-2024: Update Forum table columns

Replace icons with text, adjust widths and alignment.

Fixes ​https://github.com/WordPress/wordpress.org/issues/243

File:

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

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

@@ -586 +586 @@
     }
 
-    li.bbp-forum-freshness,
-    li.bbp-topic-freshness {
-        text-align: left;
-    }
-
-    .forum-titles {
-
-        .bbp-topic-voice-count,
-        .bbp-topic-reply-count {
-            overflow: hidden;
-
-            &::before {
-                font: 400 16px/1 dashicons;
-                margin-right: 100px;
-                -moz-osx-font-smoothing: grayscale;
-                -webkit-font-smoothing: antialiased;
-
-                @media (min-width: 321px) {
-                    font: 400 21px/1 dashicons;
-                    margin-left: 20px;
-                }
-            }
-        }
-
-        .bbp-topic-voice-count {
-
-            &::before {
-                content: "\f307";
-            }
-        }
-
-        .bbp-topic-reply-count {
-
-            &::before {
-                content: "\f125";
+    @media screen and (min-width: 321px) {
+
+        #bbpress-forums {
+
+            .bbp-header,
+            .bbp-body {
+
+                li.bbp-topic-title {
+                    width: 60%;
+                }
+
+                li.bbp-topic-voice-count,
+                li.bbp-topic-reply-count {
+                    text-align: left;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                }
+
+                li.bbp-topic-voice-count {
+                    width: 12%;
+                }
+
+                li.bbp-topic-reply-count {
+                    width: 8%;
+                }
+
+                li.bbp-forum-freshness,
+                li.bbp-topic-freshness {
+                    text-align: right;
+                    width: 20%;
+                }
             }
         }