# 更大的默认侧边栏字体大小

**URL:** https://meta.discourse.org/t/larger-default-sidebar-font-size/266079
**Category:** UX
**Tags:** feedback, sidebar
**Created:** [2023年五月24日 14:59 UTC](https://meta.discourse.org/t/larger-default-sidebar-font-size/266079 "2023-05-24T14:59:28Z")
**Posts on this page:** 13
**Page:** 1

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [2023年五月24日 14:59 UTC](https://meta.discourse.org/t/larger-default-sidebar-font-size/266079/1 "2023-05-24T14:59:28Z")

</div>

我们很快将尝试一项更改，该更改将增加侧边栏内容的字体大小，因为它目前有点小（链接为 13px）。新链接的大小将与我们正文文本的默认字体大小（15px）相匹配。

> <https://github.com/discourse/discourse/pull/21704>
>
> 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. 
> 
> This also:
> 
> \* 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 
> 
> before|after
> !\[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) 
> 
> before|after
> !\[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)

 ![Screenshot 2023-05-23 at 3.08.00 PM](https://global.discourse-cdn.com/meta/original/4X/2/4/5/24533b984605bb26236f1ff34e816a4b813a2bec.png) ![Screenshot 2023-05-23 at 3.07.49 PM](https://global.discourse-cdn.com/meta/original/4X/5/5/4/554ba2fa51a63df2ea5ad3803d5567cad040a677.png)

这可能是一项爱恨参半的改变。可能需要一点时间来适应。如果能将反馈和问题集中在此主题中，我们将不胜感激！

_Poll ([view on site](https://meta.discourse.org/t/larger-default-sidebar-font-size/266079/1))_

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [2023年五月24日 15:02 UTC](https://meta.discourse.org/t/larger-default-sidebar-font-size/266079/2 "2023-05-24T15:02:58Z")

</div>

我喜欢这个主意。就在这个周末，我还在考虑做一些 CSS 来增大侧边栏的字体大小。

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [2023年五月24日 15:06 UTC](https://meta.discourse.org/t/larger-default-sidebar-font-size/266079/3 "2023-05-24T15:06:58Z")

</div>



---

<div class="post-metadata">

### Author: ![ClawdiaWolf](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/clawdiawolf/32/262518_2.png) [@ClawdiaWolf](https://meta.discourse.org/u/ClawdiaWolf)
#### Post date: [2023年五月24日 15:54 UTC](https://meta.discourse.org/t/larger-default-sidebar-font-size/266079/4 "2023-05-24T15:54:44Z")

</div>

我在我拥有管理员访问权限的所有实例上都有自定义主题组件，它们可以完全做到这一点，所以我完全支持。🙂

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [2023年五月24日 22:21 UTC](https://meta.discourse.org/t/larger-default-sidebar-font-size/266079/5 "2023-05-24T22:21:35Z")

</div>

![image](https://global.discourse-cdn.com/meta/original/4X/2/1/b/21bc4e07e51fb5340ce924a6261f7327c08cab28.png)

我认为我们可以增加一点点额外的盐和胡椒粉来提高信息密度……

1. 我认为标题可以和项目一样大，它们是粗体的，足以引起注意
2. 我认为可以稍微缩小各部分之间的距离
3. 我认为也许可以减少项目之间的 1 像素或边距？

总的来说，我认为这个改变是好的，但一些小的调整可能会有帮助，因为缺点是如果我们留下太多的空白，侧边栏就会滚动。

---

<div class="post-metadata">

### Author: ![mattdm](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mattdm/32/216484_2.png) [@mattdm](https://meta.discourse.org/u/mattdm)
#### Post date: [2023年五月25日 01:27 UTC](https://meta.discourse.org/t/larger-default-sidebar-font-size/266079/6 "2023-05-25T01:27:15Z")

</div>

好的，我就直说了：[也许可以移除侧边栏的“社区”标题？（一个请求！）](https://meta.discourse.org/t/maybe-just-remove-the-community-header-in-the-sidebar-a-plea/252854) 这样也能提供更多空间。

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [2023年五月25日 02:04 UTC](https://meta.discourse.org/t/larger-default-sidebar-font-size/266079/7 "2023-05-25T02:04:34Z")

</div>

我已经对侧边栏使用了很多 CSS 来更改内容，包括缩小侧边栏和主输出窗口之间的间隙、删除自定义（管理员）链接上的地球图标，以及更改边距设置，使文本稍微向左移动。删除了“社区”下的一些链接、更改了类别项目符号、隐藏了某些类别上的锁定徽章，并使用文本替换重命名了“社区”和“所有内容”。还增加了透明度，以便我的主题和类别背景水印图像可以显示出来。我弄清楚了如何更改事物之间的间距，但由于团队正在处理此事，我尚未更改它。

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [2023年五月26日 05:24 UTC](https://meta.discourse.org/t/larger-default-sidebar-font-size/266079/8 "2023-05-26T05:24:23Z")

</div>

6 个帖子已拆分为新主题：[自定义部分的地球图标](https://meta.discourse.org/t/globe-icon-on-custom-sections/266293)

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [2023年五月25日 09:09 UTC](https://meta.discourse.org/t/larger-default-sidebar-font-size/266079/9 "2023-05-25T09:09:03Z")

</div>

在尝试了字体大小的更改后，我确认我很喜欢它（我只根据截图投了票 🙃）。  
我的头离显示器远了 5 厘米 👍

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [2023年五月25日 15:22 UTC](https://meta.discourse.org/t/larger-default-sidebar-font-size/266079/10 "2023-05-25T15:22:30Z")

</div>

即将进行更多调整：

> <https://github.com/discourse/discourse/pull/21751>
>
> 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). 
> 
> Before|After
> !\[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)

这将减小标题大小和一些间距

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [2023年五月25日 15:33 UTC](https://meta.discourse.org/t/larger-default-sidebar-font-size/266079/14 "2023-05-25T15:33:35Z")

</div>

哈哈，就在我应用了一些 CSS 来实现它之后。 😅

好的，侧边栏现在在我的论坛上看起来完美了。谢谢你的调整！

我现在稍微缩小了顶部标题（Meta 上的 Community）和我论坛上的标题栏之间的差距。

现在那个地球图标看起来很可爱，因为我知道只有我能看到它 😇

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [2023年五月26日 05:26 UTC](https://meta.discourse.org/t/larger-default-sidebar-font-size/266079/17 "2023-05-26T05:26:46Z")

</div>

帖子已拆分为新主题：[实验性新视图组管理员设置](https://meta.discourse.org/t/experimental-new-new-view-groups-admin-setting/266294)

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [2023年五月26日 05:30 UTC](https://meta.discourse.org/t/larger-default-sidebar-font-size/266079/18 "2023-05-26T05:30:39Z")

</div>

帖子已拆分为新主题：[将“群组”移至菜单中的“用户”旁边](https://meta.discourse.org/t/move-groups-to-be-next-to-users-in-menu/266295)
