# 现在太多的主题组件导致主题编辑页面过长

**URL:** <https://meta.discourse.org/t/having-too-many-theme-components-stretches-the-theme-edit-page-out-very-long/376400>\
**Category:** UX\
**Created:** [2025 年7 月 29 日 12:06 UTC](https://meta.discourse.org/t/having-too-many-theme-components-stretches-the-theme-edit-page-out-very-long/376400 "2025-07-29T12:06:52Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

作者： ![Kartoon](https://avatars.discourse-cdn.com/v4/letter/k/e36b37/32.png) [@Kartoon](https://meta.discourse.org/u/Kartoon)\
发布日期： [2025 年7 月 29 日 12:06 UTC](https://meta.discourse.org/t/having-too-many-theme-components-stretches-the-theme-edit-page-out-very-long/376400/1 "2025-07-29T12:06:52Z")

</div>

这可能与更新中提到的新更改有关，也可能无关，但它确实是最近发生的。以前添加组件时，列表会垂直堆叠（并会截断底部的组件，我必须转到组件并以这种方式将它们添加到主题中）。现在，它不再垂直堆叠，而是水平显示，看起来像这样

 ![Screenshot 2025-07-29 050556](https://global.discourse-cdn.com/meta/original/4X/a/9/d/a9dfc90c7633dc4b969037038153b5e77ed2f6e7.png)

这比无法选择最后几个组件要糟糕得多，哈哈。页面会一直延伸到组件列表的末尾，而不是以某种方式截断它们。

 ![Screenshot 2025-07-29 050747](https://global.discourse-cdn.com/meta/original/4X/5/c/7/5c76a08a7c79c7c0e7cba6618be427102bafab00.png)

使用很少或没有组件时

有没有办法……修复这个问题，而不是仅仅少用一些组件？

---

<div class="post-metadata">

作者： ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)\
发布日期： [2025 年7 月 29 日 12:19 UTC](https://meta.discourse.org/t/having-too-many-theme-components-stretches-the-theme-edit-page-out-very-long/376400/2 "2025-07-29T12:19:41Z")

</div>

这更像与 #Contribute > UX 或 #Contribute > Bug 相关。但我可以确认这一点（iPad/Safari）。升级到 3.5.0.beta9-dev 导致一个组件出现问题，而在尝试排查哪个组件表现异常时，在安全模式下那个 CSS 问题让调试过程变得更加枯燥。

---

<div class="post-metadata">

作者： ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)\
发布日期： [2025 年7 月 29 日 13:21 UTC](https://meta.discourse.org/t/having-too-many-theme-components-stretches-the-theme-edit-page-out-very-long/376400/5 "2025-07-29T13:21:52Z")

</div>

感谢您的报告！我们正在调查此事，并希望尽快合并修复程序。

---

<div class="post-metadata">

作者： ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
发布日期： [2025 年7 月 29 日 15:42 UTC](https://meta.discourse.org/t/having-too-many-theme-components-stretches-the-theme-edit-page-out-very-long/376400/6 "2025-07-29T15:42:45Z")

</div>

正在路上

> <https://github.com/discourse/discourse/pull/33938>
>
> This fixes a width blowout in theme settings (caused by https://github.com/disco…urse/discourse/commit/8fea4eaaa5aa6c473dfed800b6c51c752ee68120), and improves width restriction so it doesn't apply on narrower screens where it may not be needed. This behavior is unified behind a reusable \`--admin-content-max-width\` variable. 
> 
> 
> Before: 
> \<img width="2262" height="1586" alt="image" src="https://github.com/user-attachments/assets/a69a435c-1880-4b02-adf8-ff3e6cc98a69" /\>
> 
> 
> After: 
> \<img width="2248" height="1582" alt="image" src="https://github.com/user-attachments/assets/8a666bdc-797a-40f0-8ae8-b857e48c554a" /\>
> 
> 
> Before: 
> \<img width="1654" height="1714" alt="image" src="https://github.com/user-attachments/assets/12e45ae5-2e93-40d1-8eac-56f5d9735a10" /\>
> 
> 
> After:
> \<img width="1920" height="1684" alt="image" src="https://github.com/user-attachments/assets/aae98eb2-3967-4c20-87aa-110696c8852d" /\>

---

<div class="post-metadata">

作者： ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)\
发布日期： [2025 年7 月 30 日 07:00 UTC](https://meta.discourse.org/t/having-too-many-theme-components-stretches-the-theme-edit-page-out-very-long/376400/7 "2025-07-30T07:00:16Z")

</div>

此主题已在 10 小时后自动关闭。不再允许回复。