# Density Toggle Component
**URL:** https://meta.discourse.org/t/density-toggle-component/350967
**Category:** Theme component
**Created:** [February 6, 2025, 11:13pm UTC](https://meta.discourse.org/t/density-toggle-component/350967 "2025-02-06T23:13:39Z")
**Posts on this page:** 14
**Page:** 1
### Author:  [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [February 6, 2025, 11:13pm UTC](https://meta.discourse.org/t/density-toggle-component/350967/1 "2025-02-06T23:13:39Z")
| | | |
| --- | --- | --- |
| ℹ | **Summary** | Change your viewing density |
| 🛠 | **Repository** | [GitHub - discourse/density-toggle: This theme component allows users to set the density of their view of a Discourse forum. It includes default, cozy, and compact. · GitHub](https://github.com/discourse/density-toggle) |
| ❓ | **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) |
Install this theme component
This theme component allows users to set the density of their view of a Discourse forum. It includes default, cozy, and compact.
---
### Author:  [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [February 7, 2025, 4:23am UTC](https://meta.discourse.org/t/density-toggle-component/350967/2 "2025-02-07T04:23:14Z")
Awesome work, as usual, Jordan!
I noticed on iPadOS 18.1.1 that the menu doesn’t appear when clicking on the button in the sidebar. I do see the button focused, but nothing pops up. If I switch to desktop mode, it works.
EDIT: Actually, as long you are in mobile view.
It seems to be z-index issue:
Another minor UX issue: The current density value is not selected by default the first time you visit the preferences. (On a side note, the labels don’t seem localized.)
Edit: I think it’s more related to the value that has not yet been saved to the browser storage.
I can see in the code that it’s ready to change the font, but I don’t see any interface for it. I assume this will be implemented later?
---
### Author:  [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [February 7, 2025, 12:20pm UTC](https://meta.discourse.org/t/density-toggle-component/350967/3 "2025-02-07T12:20:32Z")
A few remarks when using **compact** :
Avatar’s flair keeps the regular size, which looks weird, and they overlap posts’ content.
**Suggested** and **Related** buttons at the end of a topic overlap the topics list below.
User preferences have a font size setting.
I don’t think the compact view should alter the global font size at all. They should remain separate settings.
The topic map container doesn’t use 100% of the width. It should normally reach the right side.
Same with the footer buttons.
In the regular layout, `.topic-meta-data`, which contains the date, has a right padding that aligns the date with reply buttons:
This is not the case with the compact layout:
The absence of the horizontal line that separates posts in the regular layout makes the post list right side look weird. The dates and reply buttons are too close to each other. Each button and the date below _look like_ they’re parts of the same post, but they actually belong to different posts.
---
### Author:  [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [February 7, 2025, 2:25pm UTC](https://meta.discourse.org/t/density-toggle-component/350967/4 "2025-02-07T14:25:37Z")
> [@Arkshine](#):
>
> I can see in the code that it’s ready to change the font, but I don’t see any interface for it. I assume this will be implemented later?
Yes, it’s all written and works properly, but I didnt want to introduce it just yet.
thanks for your other reports. I will look into them 😄
---
### Author:  [@tvavrda](https://meta.discourse.org/u/tvavrda)
#### Post date: [February 11, 2025, 8:19pm UTC](https://meta.discourse.org/t/density-toggle-component/350967/5 "2025-02-11T20:19:10Z")
The Install this theme component button here is not configured properly as it results in this:
… and it fails with this message
`An error occurred: Error cloning git repository, access is denied or repository is not found`.
It expects only the URL (without the markdown part)
---
### Author:  [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [February 12, 2025, 5:12pm UTC](https://meta.discourse.org/t/density-toggle-component/350967/6 "2025-02-12T17:12:26Z")
Thanks for reporting, this is fixed.
---
### Author:  [@tvavrda](https://meta.discourse.org/u/tvavrda)
#### Post date: [February 13, 2025, 3:51pm UTC](https://meta.discourse.org/t/density-toggle-component/350967/7 "2025-02-13T15:51:51Z")
Hi again. Just tried the `compact` view together with `Enhanced` (AI summaries) view selected. The result is not likable. I guess the combination doesn’t make much sense but it’s possible to select it.
---
### Author:  [@tvavrda](https://meta.discourse.org/u/tvavrda)
#### Post date: [February 13, 2025, 5:36pm UTC](https://meta.discourse.org/t/density-toggle-component/350967/8 "2025-02-13T17:36:57Z")
A small observation. In `compact` mode if there is a flair, it goes over the post’s text.
---
### Author:  [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [February 13, 2025, 8:05pm UTC](https://meta.discourse.org/t/density-toggle-component/350967/9 "2025-02-13T20:05:47Z")
Thanks for the reports Thomas, I will take a look.
---
### Author:  [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [February 13, 2025, 8:54pm UTC](https://meta.discourse.org/t/density-toggle-component/350967/10 "2025-02-13T20:54:24Z")
It’s the first thing I mentioned in my reply 😄
I’d be interested in hearing opinions about whether a compact view should alter the font size when a dedicated setting is already available.
It’s not a big deal obviousy as I won’t jump from a density setting to another twice a day… Being curious more than anything here.
I had a quick look at a few software that offers various density modes. I compact mode,
- Discord and Google Gmail/Calendar don’t change the font size.
I believe Slack doesn’t too (I didn’t try, just looked at screenshots)
- Microsoft Outlook reduces the font size from 14px to 12px.
---
### Author:  [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [February 13, 2025, 9:43pm UTC](https://meta.discourse.org/t/density-toggle-component/350967/11 "2025-02-13T21:43:16Z")
It’s a good question Canapin.
While creating the component I tried a couple different scenarios and decreasing the font size always felt like the best option.
---
### Author:  [@twofoursixeight](https://meta.discourse.org/u/twofoursixeight)
#### Post date: [August 9, 2025, 5:30am UTC](https://meta.discourse.org/t/density-toggle-component/350967/12 "2025-08-09T05:30:29Z")
Cozy
I’m not sure this is something to mention here but the gap between topics looks a little inconsistent
with the newline in the cozy density mode compared to the normal
density and the compact density.
> **Other density settings in the discourse stockpile**
>
> 
> default
> 
> compact
---
### Author:  [@patrickemin](https://meta.discourse.org/u/patrickemin)
#### Post date: [August 19, 2025, 7:31pm UTC](https://meta.discourse.org/t/density-toggle-component/350967/13 "2025-08-19T19:31:58Z")
Hi, I activated that TC for my FOUNDATION theme, I can see that TC settings on my PC (lower left side menu) but when using my mobile with that theme, that TC setting is not visible, any idea ? Thanks.
update: just found it in my preferences… (but not visible in the lower left side menu?)
---
### Author:  [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [August 29, 2025, 6:42pm UTC](https://meta.discourse.org/t/density-toggle-component/350967/14 "2025-08-29T18:42:11Z")
Its hidden on mobile as to minimize its use on mobile. The settings will exist in user preferences there however if you really want the access.