Soon we’ll be trying out a change that increases the font-size of the sidebar content because it’s a little on the small size at the moment (13px for links). The new size for links will match our default font-size for body text (15px).
07:20PM - 23 May 23 UTC
This bumps up the sidebar font-size by 1 step in our font scale (from 13 to 15px
… ). This means each item is 15px by default, and headings are 17px. This gets us a more legible default size that's better aligned with the rest of the app.
* Normalizes the globe icon alignment for custom sections, and makes it less finicky
* Increases the default sidebar width by 1em `$d-sidebar-width`. This is a small increase to grant text a little more space at its larger size.
* Removes `--d-sidebar-row-vertical-padding` — since we set a static height with `--d-sidebar-row-height` there's not much point to this padding
* Removes some mobile-specific overrides for more consistent styling across devices
* Increases the default width of the revamped dropdown hamburger menu
![Screenshot 2023-05-23 at 3 08 00 PM](https://github.com/discourse/discourse/assets/1681963/e93a6b9e-5503-4c15-a0bd-67344e5a4915) ![Screenshot 2023-05-23 at 3 07 49 PM](https://github.com/discourse/discourse/assets/1681963/b1ffa725-8ae1-42f4-a097-6816a5ae2421)
![Screenshot 2023-05-23 at 3 14 21 PM](https://github.com/discourse/discourse/assets/1681963/9d825492-a6f0-40fa-9cd6-2dcce3171644) ![Screenshot 2023-05-23 at 3 18 35 PM](https://github.com/discourse/discourse/assets/1681963/57fc5804-0c9c-4653-b150-731af61781e6)
This will likely be a love/hate kind of change. It might take a little getting used to. If we can keep feedback and issues within this topic it would be appreciated!
i like this idea. i was just contemplating this past weekend of doing some CSS to increase the sidebar font size.
I have custom theme components on all the instances I have admin access to that does exactly this so I’m all for it.
May 24, 2023, 10:21pm
I think there is a tiny bit of extra salt and pepper we can add for info density…
I think headers can be the same size as items, they are bolded which is enough to call them out
I think the distance between sections can be narrowd a bit
I think that maybe there is room to reduce 1px or margin between items?
Overall I think the change is good, but some minor adjustment may help here, cause the downside is sidebar scrolling if we leave too much breathing room.
May 25, 2023, 1:27am
i’ve used a bunch of CSS on the sidebar to change things, including, narrowing the gap between the sidebar and main outlet window, removing the globe icon from custom (admin) links, and change the margin settings to move the text over to the left a bit. removed some links from under community, changed the category bullets, hid lock badges on certain categories, and used the text replacement to rename Community and Everything. also transparency so some of my theme and category background watermark images show through. i figured out how to change the spacings between things but since it’s being worked on by the team, i’ve not changed it.
6 posts were split to a new topic:
Globe icon on custom sections
(Coin-coin le Canapin)
May 25, 2023, 9:09am
After experimenting the font-size change, I confirm I appreciate it (I voted only based on the screenshot
My head is 5cm farther from the monitor
Some more adjustments incoming:
02:50PM - 25 May 23 UTC
Follow-up to 2aae8d609216f38f7e233f75a3da1d205889840b
This reduces some spaci
… ng, header size, reduces icon size slightly, and some more minor adjustments. Some colors were also toned down slightly because they clashed with the smaller headings and make use of new variables (for hover/active).
![Screenshot 2023-05-25 at 10 53 54 AM](https://github.com/discourse/discourse/assets/1681963/7ae8ef73-92ec-4bf6-89fc-69a542ba5a96) ![Screenshot 2023-05-25 at 10 53 14 AM](https://github.com/discourse/discourse/assets/1681963/72516679-0b7c-45cb-8017-23f2cbfecf55)
![Screenshot 2023-05-25 at 10 53 43 AM](https://github.com/discourse/discourse/assets/1681963/1200611a-78e7-45d8-b5ed-8676e2fe473b)![Screenshot 2023-05-25 at 10 53 34 AM](https://github.com/discourse/discourse/assets/1681963/10504927-0331-4dea-b857-b6105ffe52ae)
This will reduce header size and some spacing
lol right after i applied some CSS to do it.
ok the sidebar all looks perfect to me now on my forum. thank you for the tweaks!
i just closed up the gap a little bit between the top header (Community on Meta) and the header bar on my forum.
now that globe icon looks cute to me because i know i am the only one who can see it