# MD Topic List Mobile component

**URL:** https://meta.discourse.org/t/md-topic-list-mobile-component/146341
**Category:** Theme component
**Created:** [March 31, 2020, 8:32pm UTC](https://meta.discourse.org/t/md-topic-list-mobile-component/146341 "2020-03-31T20:32:10Z")
**Posts on this page:** 1
**Showing post:** 1

<div class="post-metadata">

### Author: ![Steven](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/steven/32/187890_2.png) [@Steven](https://meta.discourse.org/u/Steven)
#### Post date: [March 31, 2020, 8:32pm UTC](https://meta.discourse.org/t/md-topic-list-mobile-component/146341/1 "2020-03-31T20:32:10Z")

</div>

![The image shows a screenshot of a forum platform with topics including a welcome post for a new forum theme creator's section, along with a couple of other threads labeled as "Junk," indicating that they contain non-essential content. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/e/9/5/e95310e219f8dfa592082147e931f0af49249565.jpeg)

After my work on a little redesign on the [topic list pages on desktop](https://meta.discourse.org/t/md-topic-list-component/117694), I worked a bit on a mobile version with some similar ideas like a bigger room for the titles of the topics, a second line with more information and a column dedicated only to the last post.

  

**Compatibility**

This theme component is compatible with the tags, featured links functions, and any functions available in the [original topic-list version](https://github.com/discourse/discourse/blob/master/app/assets/javascripts/discourse/templates/list/topic-list-item.raw.hbs). Any category style presentation (bullet, bar, box) should work with this component.

The theme component has been tested on a few color palettes, it will work with light, neutral or dark themes.

Sadly, the theme component might not work with plugins that already changes the topic-list presentation like the Topic List Previews.

Let me know if you have any issue !

| | | |
| --- | --- | --- |
| 👓 | **Preview** | [md-topic-list-mobile - Preview](https://theme-creator.discourse.org/theme/Steven/md-topic-list-mobile) |
| 🛠 | **Repository** | [md-topic-list-mobile](https://github.com/MonDiscourse/md-topic-list-mobile) |
| ❓ | **Install Guide** | [How to install a theme or theme component](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |
| 📖 | **New to Discourse Themes?** | [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

---

_[View the full topic](https://meta.discourse.org/t/md-topic-list-mobile-component/146341)._