Hi, is there any way to use a different theme just for the personal messages topics list? I am currently using Sam’s Sam's Simple Theme which I and my community strongly prefer for the /latest list, since it prints out the OP and most recent poster usernames in text, and it eliminates the clutter of the list of the frequent posters avatars that nobody cares about. Unfortunately that same paradigm falls apart for the /my/messages list, especially when the creator of the PM topic is the same as the most recent poster: [image] So in the case of /my/messages ideally I would like to just inject the td.posters.topic-list-data column from the default Discourse theme into this view. But if that’s too much work it would be nice to have the option to somehow switch to the default Discourse theme for the PM view. There are other custom themes that have this same issue such as Kris’s Minima Theme .

Yes, I’m using Sam’s theme. I’ve created a theme component to put the CSS and script there, attached to Sam’s theme. [image] CSS .topic-list:not(:has(.topic-list-body .topic-list-data.posters)) .topic-list-header-row .topic-list-data.posters { display: none; } Head {{~raw-plugin-outlet name="topic-list-header-before"~}} {{#if bulkSelectEnabled}} {{#if canBulkSelect}} {{raw "flat-button" class="bulk-select" icon="list" title="topics.bulk.toggle"}} {{/if}} {{/if}} {{raw "topic-list-header-column" order='default' name='topic.title' bulkSelectEnabled=bulkSelectEnabled showBulkToggle=toggleInTitle canBulkSelect=canBulkSelect}} {{#if showLikes}} {{raw "topic-list-header-column" sortable='true' order='likes' number='true' forceName=(theme-i18n 'likes')}} {{/if}} {{#if showOpLikes}} {{raw "topic-list-header-column" sortable='true' order='op_likes' number='true' forceName=(theme-i18n 'likes')}} {{/if}} {{raw "topic-list-header-column" order='posters' forceName='Participants'}} {{raw "topic-list-header-column" sortable='true' number='true' order='posts' forceName='Replies'}} {{raw "topic-list-header-column" sortable='true' order='activity' forceName='Last Post'}} {{#if bulkSelectEnabled}} {{/if}} {{~raw-plugin-outlet name="topic-list-before-status"}} {{raw "topic-status" topic=topic}} {{~topic-link topic class="raw-link raw-topic-link"}} {{~#if showTopicPostBadges}} {{~raw "topic-post-badges" unreadPosts=topic.unread_posts unseen=topic.unseen url=topic.lastUnreadUrl newDotText=newDotText}} {{~/if}} {{discourse-tags topic mode="list" tagsForUser=tagsForUser}} {{#if expandPinned}} {{raw "list/topic-excerpt" topic=topic}} {{/if}} {{#unless hideCategory}} {{#unless topic.isPinnedUncategorized}} {{category-link topic.category}} {{/unless}} {{/unless}} {{~#if topic.creator ~}} {{topic.creator.username}} {{format-date topic.createdAt format="tiny"}} {{~/if ~}} {{raw "list/action-list" topic=topic postNumbers=topic.liked_post_numbers className="likes" icon="heart"}} {{#if showLikes}} {{#if hasLikes}} {{number topic.like_count}} {{d-icon "heart"}} {{/if}} {{/if}} {{#if showOpLikes}} {{#if hasOpLikes}} {{number topic.op_like_count}} {{d-icon "heart"}} {{/if}} {{/if}} {{#if topic.isPrivateMessage}} {{raw "list/posters-column" posters=topic.featuredUsers}} {{/if}} {{raw "list/posts-count-column" topic=topic}} {{avatar topic.lastPosterUser imageSize="medium"}} {{format-date topic.bumpedAt format="tiny"}} {{topic.last_poster_username}}

Thanks very much, I was able to make it almost work with a theme component: {{~raw-plugin-outlet name="topic-list-header-before"~}} {{#if bulkSelectEnabled}} {{#if canBulkSelect}} {{raw "flat-button" class="bulk-select" icon="list" title="topics.bulk.toggle"}} {{/if}} {{/if}} {{raw "topic-list-header-column" order='default' name='topic.title' bulkSelectEnabled=bulkSelectEnabled showBulkToggle=toggleInTitle canBulkSelect=canBulkSelect}} {{#if showLikes}} {{raw "topic-list-header-column" sortable='true' order='likes' number='true' forceName=(theme-i18n 'likes')}} {{/if}} {{#if showOpLikes}} {{raw "topic-list-header-column" sortable='true' order='op_likes' number='true' forceName=(theme-i18n 'likes')}} {{/if}} {{#if topic.isPrivateMessage}} {{raw "topic-list-header-column" order='posters' forceName='Participants'}} {{/if}} {{raw "topic-list-header-column" sortable='true' number='true' order='posts' forceName='Replies'}} {{raw "topic-list-header-column" sortable='true' order='activity' forceName='Last Post'}} {{#if bulkSelectEnabled}} {{/if}} {{~raw-plugin-outlet name="topic-list-before-status"}} {{raw "topic-status" topic=topic}} {{~topic-link topic class="raw-link raw-topic-link"}} {{~#if showTopicPostBadges}} {{~raw "topic-post-badges" unreadPosts=topic.unread_posts unseen=topic.unseen url=topic.lastUnreadUrl newDotText=newDotText}} {{~/if}} {{discourse-tags topic mode="list" tagsForUser=tagsForUser}} {{#if expandPinned}} {{raw "list/topic-excerpt" topic=topic}} {{/if}} {{#unless hideCategory}} {{#unless topic.isPinnedUncategorized}} {{category-link topic.category}} {{/unless}} {{/unless}} {{~#if topic.creator ~}} {{topic.creator.username}} {{format-date topic.createdAt format="tiny"}} {{~/if ~}} {{raw "list/action-list" topic=topic postNumbers=topic.liked_post_numbers className="likes" icon="heart"}} {{#if showLikes}} {{#if hasLikes}} {{number topic.like_count}} {{d-icon "heart"}} {{/if}} {{/if}} {{#if showOpLikes}} {{#if hasOpLikes}} {{number topic.op_like_count}} {{d-icon "heart"}} {{/if}} {{/if}} {{#if topic.isPrivateMessage}} {{raw "list/posters-column" posters=topic.featuredUsers}} {{/if}} {{raw "list/posts-count-column" topic=topic}} {{avatar topic.lastPosterUser imageSize="medium"}} {{format-date topic.bumpedAt format="tiny"}} {{topic.last_poster_username}} It looks like the #if topic.isPrivateMessage statement doesn’t work for the topic-list-header, so I have the PM participants’ avatars showing as expected, but the headers are missing a so everything is offset.

[תמונה] rahim123: It looks like the #if topic.isPrivateMessage statement doesn’t work for the topic-list-header, So my lazy solution is to not use the {{#if topic.isPrivateMessage}} logic and simply put posters.topic-list-data in both /latest and in /my/messages. {{~raw-plugin-outlet name="topic-list-header-before"~}} {{#if bulkSelectEnabled}} {{#if canBulkSelect}} {{raw "flat-button" class="bulk-select" icon="list" title="topics.bulk.toggle"}} {{/if}} {{/if}} {{raw "topic-list-header-column" order='default' name=listTitle bulkSelectEnabled=bulkSelectEnabled showBulkToggle=toggleInTitle canBulkSelect=canBulkSelect canDoBulkActions=canDoBulkActions showTopicsAndRepliesToggle=showTopicsAndRepliesToggle newListSubset=newListSubset newRepliesCount=newRepliesCount newTopicsCount=newTopicsCount}} {{#if showPosters}} {{raw "topic-list-header-column" order='posters' forceName='Participants'}} {{/if}} {{#if showLikes}} {{raw "topic-list-header-column" sortable='true' order='likes' number='true' forceName='thanks'}} {{/if}} {{#if showOpLikes}} {{raw "topic-list-header-column" sortable='true' order='op_likes' number='true' forceName='thanks'}} {{/if}} {{raw "topic-list-header-column" sortable='true' number='true' order='posts' forceName='Replies'}} {{raw "topic-list-header-column" sortable='true' order='activity' forceName='Last Post'}} {{~raw-plugin-outlet name="topic-list-before-columns"}} {{#if bulkSelectEnabled}} {{/if}} {{~raw-plugin-outlet name="topic-list-before-status"}} {{raw "topic-status" topic=topic}} {{~topic-link topic class="raw-link raw-topic-link"}} {{~#if showTopicPostBadges}} {{~raw "topic-post-badges" unreadPosts=topic.unread_posts unseen=topic.unseen url=topic.lastUnreadUrl newDotText=newDotText}} {{~/if}} {{discourse-tags topic mode="list" tagsForUser=tagsForUser}} {{#if expandPinned}} {{raw "list/topic-excerpt" topic=topic}} {{/if}} {{#unless hideCategory}} {{#unless topic.isPinnedUncategorized}} {{category-link topic.category}} {{/unless}} {{/unless}} {{~#if topic.creator ~}} {{topic.creator.username}} {{format-date topic.createdAt format="tiny"}} {{~/if ~}} {{raw "list/action-list" topic=topic postNumbers=topic.liked_post_numbers className="likes" icon="heart"}} {{#if showPosters}} {{raw "list/posters-column" posters=topic.featuredUsers}} {{/if}} {{#if showLikes}} {{#if hasLikes}} {{number topic.like_count}} {{d-icon "heart"}} {{/if}} {{/if}} {{#if showOpLikes}} {{#if hasOpLikes}} {{number topic.op_like_count}} {{d-icon "heart"}} {{/if}} {{/if}} {{raw "list/posts-count-column" topic=topic}} {{avatar topic.lastPosterUser imageSize="medium"}} {{format-date topic.bumpedAt format="tiny"}} {{topic.last_poster_username}} But my users don’t like the visual clutter in /latest, so I’m hiding it there via CSS: .navigation-topics .topic-list .topic-list-data.posters { display: none; } If anybody has any tips for implementing the logic in the handlebars override I would still prefer that, rather then wasting CPU cycles generating the posters.topic-list-data and then hiding it.

You’re right; the topic data is unavailable in the header, which makes sense! CSS can be a solution. Keep the condition in topic-list-item, and render it by default for the header. {{raw "topic-list-header-column" order='posters' forceName='Participants'}} And with CSS, you can say, "Select the list that doesn’t have (not has) the posters rows and hide it " .topic-list:not(:has(.topic-list-body .topic-list-data.posters)) .topic-list-header .topic-list-data.posters { display: none; } Does it work for you?

Hi there, thanks a lot, that’s a very good idea. Something didn’t work with the CSS as suggested as it still shows the empty Participants column in /latest, but my original CSS does seem to work fine to hide it only there: .navigation-topics .topic-list .topic-list-data.posters { display: none; } Any disadvantages to that?

I’m confused, it works for me :thinking: Latest: [image] Message: [image]

Hmm, would it maybe be because you don’t have the condition in topic-list-item ?

I do have the condition. You would not see the participants column in the messages list from my screenshots otherwise! I think what you described above is the CSS not being applied. Here is what I have: [image] You can see that the CSS is applied on the /latest page. [image] Make sure you copy-paste the CSS properly at the right place!

Thanks a lot for the specific help, I’m not at my computer right now but I’ll try it again as soon as I get back.

I’m not sure what to think, it’s definitely not working for me. [image] Just to confirm, are you also using Sam’s Simple Theme? Also, did you put the handlebars code in Head or Header? Really appreciate your time and help.

Thanks again for the help. It’s behaving the same way, there is a Participants column header in /latest which makes the columns misaligned with the topic list columns. I must have some other customizations in other components that are conflicting. [תמונה] rahim123: my original CSS does seem to work fine to hide it in Latest: .navigation-topics .topic-list .topic-list-data.posters { display: none; } Are there any potential problems or disadvantages with this CSS solution?

שינוי עיצוב לרשימת נושאי הודעות אישיות?

מפתח

Don 14 בינואר,‏ 2024,‏ 11:13pm 14

As I see you using Firefox so it might cause the :has selector is not working on your side. It’s only supported from Firefox 121.

נושא		תגובות	צפיות
[Glimmer] Different theme for personal message topics list? Development personal-messages	2	148	8 בפברואר,‏ 2025
MD Topic List component Theme component	73	11413	7 בספטמבר,‏ 2025
Sam's Simple Theme Theme official , sams-simple-theme	368	88549	17 בפברואר,‏ 2025
Topic Author Theme component end-of-life , topic-author	63	14162	4 באוקטובר,‏ 2024
MD Topic List Mobile component Theme component	67	8452	21 ביולי,‏ 2026

שינוי עיצוב לרשימת נושאי הודעות אישיות?

נושאים קשורים