The topic list doesn't need a category column

UX
42

[Edit: Corrected the CSS to work on all categories.]
[Edit2: Needed to add “display: block;” to the container after a recent Discourse change.]

I haven’t tested this much, as I only just did it, but I made this CSS change which others may find useful, if they dislike the new topic list layout.

Before:

01_Before-50%25
01_Before-50%.jpg1143×813 64.8 KB

After:

02_After-50%25
02_After-50%.jpg1142×654 63.3 KB

CSS code:

.topic-list-item .link-bottom-line {
	float: right;
	margin-top: 0.2em;
	display: block;
}

.topic-list-item .link-bottom-line .badge-wrapper.bullet {
	float: right;
	margin-left: 1em;
}

.topic-list-item .link-bottom-line .discourse-tags {
	float: right;
	margin-left: 1em;
}

Add it as a Component here in the Admin / Customize / Themes area:

(n.b. CSS in screenshot is an older/ version. CSS in text above is the one to use. Screenshot is just to show you where to paste it.)

03_CSS_Editor-50%25
03_CSS_Editor-50%.jpg862×520 45.2 KB

(I only added for Desktop as the new stock layout probably makes sense on phones.)

And then add that Component to some or all of your Themes in the same area.

11 Likes