wporg-support-2024: Update Forum table columns

Replace icons with text, adjust widths and alignment. Fixes #243 git-svn-id: https://meta.svn.wordpress.org/sites/trunk@13558 74240141-8908-4e6f-9713-ba540dce6ec7
WordPress · Apr 18, 2024 · eb28681 · eb28681
1 parent c28abcd
commit eb28681
Show file tree

Hide file tree

Showing 6 changed files with 80 additions and 82 deletions.
diff --git a/...ss.org/public_html/wp-content/themes/pub/wporg-support-2024/bbpress/loop-reply-topics.php b/...ss.org/public_html/wp-content/themes/pub/wporg-support-2024/bbpress/loop-reply-topics.php
@@ -4,7 +4,7 @@
 	<li class="bbp-header">
 		<ul class="forum-titles">
 			<li class="bbp-topic-title"><?php esc_html_e( 'Topic', 'wporg-forums' ); ?></li>
-			<li class="bbp-topic-voice-count"><?php esc_html_e( 'Voices', 'wporg-forums' ); ?></li>
+			<li class="bbp-topic-voice-count"><?php esc_html_e( 'Participants', 'wporg-forums' ); ?></li>
 			<li class="bbp-topic-reply-count"><?php bbp_show_lead_topic()
 				? esc_html_e( 'Replies', 'wporg-forums' )
 				: esc_html_e( 'Posts',   'wporg-forums' );

diff --git a/wordpress.org/public_html/wp-content/themes/pub/wporg-support-2024/bbpress/loop-topics.php b/wordpress.org/public_html/wp-content/themes/pub/wporg-support-2024/bbpress/loop-topics.php
@@ -22,7 +22,7 @@
 		<li class="bbp-header">
 			<ul class="forum-titles">
 				<li class="bbp-topic-title"><?php esc_html_e( 'Topic', 'bbpress' ); ?></li>
-				<li class="bbp-topic-voice-count"><?php esc_html_e( 'Voices', 'bbpress' ); ?></li>
+				<li class="bbp-topic-voice-count"><?php esc_html_e( 'Participants', 'bbpress' ); ?></li>
 				<li class="bbp-topic-reply-count"><?php bbp_show_lead_topic()
 					? esc_html_e( 'Replies', 'bbpress' )
 					: esc_html_e( 'Posts',   'bbpress' );

diff --git a/wordpress.org/public_html/wp-content/themes/pub/wporg-support-2024/sass/site/_bbpress.scss b/wordpress.org/public_html/wp-content/themes/pub/wporg-support-2024/sass/site/_bbpress.scss
@@ -585,41 +585,37 @@ $paginationBreakPoint: "600px";
 		width: 90px;
 	}
 
-	li.bbp-forum-freshness,
-	li.bbp-topic-freshness {
-		text-align: left;
-	}
-
-	.forum-titles {
+	@media screen and (min-width: 321px) {
 
-		.bbp-topic-voice-count,
-		.bbp-topic-reply-count {
-			overflow: hidden;
+		#bbpress-forums {
 
-			&::before {
-				font: 400 16px/1 dashicons;
-				margin-right: 100px;
-				-moz-osx-font-smoothing: grayscale;
-				-webkit-font-smoothing: antialiased;
+			.bbp-header,
+			.bbp-body {
 
-				@media (min-width: 321px) {
-					font: 400 21px/1 dashicons;
-					margin-left: 20px;
+				li.bbp-topic-title {
+					width: 60%;
 				}
-			}
-		}
 
-		.bbp-topic-voice-count {
+				li.bbp-topic-voice-count,
+				li.bbp-topic-reply-count {
+					text-align: left;
+					overflow: hidden;
+					text-overflow: ellipsis;
+				}
 
-			&::before {
-				content: "\f307";
-			}
-		}
+				li.bbp-topic-voice-count {
+					width: 12%;
+				}
 
-		.bbp-topic-reply-count {
+				li.bbp-topic-reply-count {
+					width: 8%;
+				}
 
-			&::before {
-				content: "\f125";
+				li.bbp-forum-freshness,
+				li.bbp-topic-freshness {
+					text-align: right;
+					width: 20%;
+				}
 			}
 		}
 	}

diff --git a/wordpress.org/public_html/wp-content/themes/pub/wporg-support-2024/style-rtl.css b/wordpress.org/public_html/wp-content/themes/pub/wporg-support-2024/style-rtl.css
@@ -2971,33 +2971,34 @@ body.category #main .archive-pagination {
 .bbpress #wp-link-wrap #wp-link #search-panel label span.search-label {
 	width: 90px;
 }
-.bbpress li.bbp-forum-freshness,
-.bbpress li.bbp-topic-freshness {
-	text-align: right;
-}
-.bbpress .forum-titles .bbp-topic-voice-count,
-.bbpress .forum-titles .bbp-topic-reply-count {
-	overflow: hidden;
-}
-.bbpress .forum-titles .bbp-topic-voice-count::before,
-.bbpress .forum-titles .bbp-topic-reply-count::before {
-	font: 400 16px/1 dashicons;
-	margin-left: 100px;
-	-moz-osx-font-smoothing: grayscale;
-	-webkit-font-smoothing: antialiased;
-}
-@media (min-width: 321px) {
-	.bbpress .forum-titles .bbp-topic-voice-count::before,
-	.bbpress .forum-titles .bbp-topic-reply-count::before {
-		font: 400 21px/1 dashicons;
-		margin-right: 20px;
+@media screen and (min-width: 321px) {
+	.bbpress #bbpress-forums .bbp-header li.bbp-topic-title,
+	.bbpress #bbpress-forums .bbp-body li.bbp-topic-title {
+		width: 60%;
+	}
+	.bbpress #bbpress-forums .bbp-header li.bbp-topic-voice-count,
+	.bbpress #bbpress-forums .bbp-header li.bbp-topic-reply-count,
+	.bbpress #bbpress-forums .bbp-body li.bbp-topic-voice-count,
+	.bbpress #bbpress-forums .bbp-body li.bbp-topic-reply-count {
+		text-align: right;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+	.bbpress #bbpress-forums .bbp-header li.bbp-topic-voice-count,
+	.bbpress #bbpress-forums .bbp-body li.bbp-topic-voice-count {
+		width: 12%;
+	}
+	.bbpress #bbpress-forums .bbp-header li.bbp-topic-reply-count,
+	.bbpress #bbpress-forums .bbp-body li.bbp-topic-reply-count {
+		width: 8%;
+	}
+	.bbpress #bbpress-forums .bbp-header li.bbp-forum-freshness,
+	.bbpress #bbpress-forums .bbp-header li.bbp-topic-freshness,
+	.bbpress #bbpress-forums .bbp-body li.bbp-forum-freshness,
+	.bbpress #bbpress-forums .bbp-body li.bbp-topic-freshness {
+		text-align: left;
+		width: 20%;
 	}
-}
-.bbpress .forum-titles .bbp-topic-voice-count::before {
-	content: "\f307";
-}
-.bbpress .forum-titles .bbp-topic-reply-count::before {
-	content: "\f125";
 }
 .bbpress #bbpress-forums .bbp-forum-info .bbp-forum-content,
 .bbpress #bbpress-forums p.bbp-topic-meta {

diff --git a/wordpress.org/public_html/wp-content/themes/pub/wporg-support-2024/style.css b/wordpress.org/public_html/wp-content/themes/pub/wporg-support-2024/style.css
@@ -2971,33 +2971,34 @@ body.category #main .archive-pagination {
 .bbpress #wp-link-wrap #wp-link #search-panel label span.search-label {
 	width: 90px;
 }
-.bbpress li.bbp-forum-freshness,
-.bbpress li.bbp-topic-freshness {
-	text-align: left;
-}
-.bbpress .forum-titles .bbp-topic-voice-count,
-.bbpress .forum-titles .bbp-topic-reply-count {
-	overflow: hidden;
-}
-.bbpress .forum-titles .bbp-topic-voice-count::before,
-.bbpress .forum-titles .bbp-topic-reply-count::before {
-	font: 400 16px/1 dashicons;
-	margin-right: 100px;
-	-moz-osx-font-smoothing: grayscale;
-	-webkit-font-smoothing: antialiased;
-}
-@media (min-width: 321px) {
-	.bbpress .forum-titles .bbp-topic-voice-count::before,
-	.bbpress .forum-titles .bbp-topic-reply-count::before {
-		font: 400 21px/1 dashicons;
-		margin-left: 20px;
+@media screen and (min-width: 321px) {
+	.bbpress #bbpress-forums .bbp-header li.bbp-topic-title,
+	.bbpress #bbpress-forums .bbp-body li.bbp-topic-title {
+		width: 60%;
+	}
+	.bbpress #bbpress-forums .bbp-header li.bbp-topic-voice-count,
+	.bbpress #bbpress-forums .bbp-header li.bbp-topic-reply-count,
+	.bbpress #bbpress-forums .bbp-body li.bbp-topic-voice-count,
+	.bbpress #bbpress-forums .bbp-body li.bbp-topic-reply-count {
+		text-align: left;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+	.bbpress #bbpress-forums .bbp-header li.bbp-topic-voice-count,
+	.bbpress #bbpress-forums .bbp-body li.bbp-topic-voice-count {
+		width: 12%;
+	}
+	.bbpress #bbpress-forums .bbp-header li.bbp-topic-reply-count,
+	.bbpress #bbpress-forums .bbp-body li.bbp-topic-reply-count {
+		width: 8%;
+	}
+	.bbpress #bbpress-forums .bbp-header li.bbp-forum-freshness,
+	.bbpress #bbpress-forums .bbp-header li.bbp-topic-freshness,
+	.bbpress #bbpress-forums .bbp-body li.bbp-forum-freshness,
+	.bbpress #bbpress-forums .bbp-body li.bbp-topic-freshness {
+		text-align: right;
+		width: 20%;
 	}
-}
-.bbpress .forum-titles .bbp-topic-voice-count::before {
-	content: "\f307";
-}
-.bbpress .forum-titles .bbp-topic-reply-count::before {
-	content: "\f125";
 }
 .bbpress #bbpress-forums .bbp-forum-info .bbp-forum-content,
 .bbpress #bbpress-forums p.bbp-topic-meta {