# 地平线主题

**URL:** https://meta.discourse.org/t/horizon-theme/360486
**Category:** Theme
**Tags:** official, horizon-theme
**Created:** [2025年四月7日 17:53 UTC](https://meta.discourse.org/t/horizon-theme/360486 "2025-04-07T17:53:06Z")
**Posts on this page:** 20
**Page:** 4

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [2026年二月16日 16:08 UTC](https://meta.discourse.org/t/horizon-theme/360486/72 "2026-02-16T16:08:12Z")

</div>

> [@stephtara](#):
>
> 这是期望的行为吗？

Horizon 使用全宽组件，因此如果您使用 Foundation（全宽）主题，我认为您会看到相同的情况。

所以，虽然我同意这不是最好看的布局，但这目前是所有使用全宽布局的主题的预期行为，是的。

---

<div class="post-metadata">

### Author: ![stephtara](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stephtara/32/517827_2.png) [@stephtara](https://meta.discourse.org/u/stephtara)
#### Post date: [2026年二月16日 18:13 UTC](https://meta.discourse.org/t/horizon-theme/360486/73 "2026-02-16T18:13:57Z")

</div>

提供的截图显示地平线和基础版（Foundation）中有所不同 🤔

还是我遗漏了什么？

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [2026年二月16日 18:15 UTC](https://meta.discourse.org/t/horizon-theme/360486/74 "2026-02-16T18:15:28Z")

</div>

截图来自 foundation 还是 foundation-full-width？

 ![image](https://global.discourse-cdn.com/meta/original/4X/a/6/9/a699eeaddabafa65776ce875196c2981301a6510.png)

---

<div class="post-metadata">

### Author: ![stephtara](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stephtara/32/517827_2.png) [@stephtara](https://meta.discourse.org/u/stephtara)
#### Post date: [2026年二月16日 18:16 UTC](https://meta.discourse.org/t/horizon-theme/360486/75 "2026-02-16T18:16:04Z")

</div>

哦！需要检查一下。我不知道有区别！

---

<div class="post-metadata">

### Author: ![stephtara](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stephtara/32/517827_2.png) [@stephtara](https://meta.discourse.org/u/stephtara)
#### Post date: [2026年二月16日 18:53 UTC](https://meta.discourse.org/t/horizon-theme/360486/76 "2026-02-16T18:53:09Z")

</div>

我似乎没有安装 Foundation 全宽（full-width），在论坛上搜索也没有找到？

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [2026年二月16日 19:24 UTC](https://meta.discourse.org/t/horizon-theme/360486/77 "2026-02-16T19:24:40Z")

</div>

它不是一个特定的主题，而是这个组件：[Discourse 全宽组件](https://meta.discourse.org/t/discourse-full-width-component/292496)

---

<div class="post-metadata">

### Author: ![Lew\_Grothe](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lew_grothe/32/337776_2.png) [@Lew\_Grothe](https://meta.discourse.org/u/Lew_Grothe)
#### Post date: [2026年四月2日 02:06 UTC](https://meta.discourse.org/t/horizon-theme/360486/78 "2026-04-02T02:06:46Z")

</div>

我们目前使用的是 `Custom Header Links` 主题组件。我想这不会成为我们的决定性障碍，但我只是想了解它是否仍在考虑支持范围内——它是否仍在考虑与 Horizon 兼容？您能否预估一下需要多少工作量？

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [2026年四月6日 07:15 UTC](https://meta.discourse.org/t/horizon-theme/360486/79 "2026-04-06T07:15:01Z")

</div>

我们目前暂无计划开展新的兼容性工作。这并不意味着未来永远不会进行，但任何组件兼容性若要纳入路线图，将取决于我们收到的相关请求数量。

我不太确定，但我觉得这应该是可行的。主要冲突将出现在欢迎横幅设置上，因为它使用了相同的出口。因此，如果您完全禁用该设置，或将其设置为：

 ![CleanShot 2026-04-06 at 09.13.41@2x](https://global.discourse-cdn.com/meta/original/4X/a/6/3/a6300939fb49402808a99f77b26972e23b013e8b.png)

我认为这样开箱即用应该能 reasonably 良好地工作。

---

<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: [2026年五月11日 15:26 UTC](https://meta.discourse.org/t/horizon-theme/360486/80 "2026-05-11T15:26:09Z")

</div>

> [@asa](#):
>
> 我遇到了一个问题，即使在我的 16 英寸 MacBook Pro 上，菜单和内容之间的间距也非常大。是我操作有误，还是需要调整某些设置？

你可以在主题组件中尝试以下 CSS，并将其包含在 horizon 主题中：

```scss
@use "lib/viewport";

// **仅应用于桌面及更大的视口尺寸**

@include viewport.from(lg) {

  .container,
  .list-controls {
    margin-inline: 0!important;
  }
}

```

 ![image](https://global.discourse-cdn.com/meta/original/4X/0/0/5/005ed50970a47b049d26cfcea5919037272a0b04.png)

---

<div class="post-metadata">

### Author: ![Denis\_Advert](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denis_advert/32/543523_2.png) [@Denis\_Advert](https://meta.discourse.org/u/Denis_Advert)
#### Post date: [2026年五月19日 13:28 UTC](https://meta.discourse.org/t/horizon-theme/360486/81 "2026-05-19T13:28:05Z")

</div>

在移动屏幕上查看建议帖子的问题

 ![Screenshot2](https://global.discourse-cdn.com/meta/original/4X/d/4/b/d4b7711edef025d50988e33f18808e512fdde80f.png)

---

<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: [2026年五月19日 13:50 UTC](https://meta.discourse.org/t/horizon-theme/360486/82 "2026-05-19T13:50:09Z")

</div>

嗯，我在 iPhone 15 上使用最新的 Chrome、Safari 或 Firefox 都无法复现这个问题。

 ![IMG5301](https://global.discourse-cdn.com/meta/original/4X/5/5/1/55101daa4c8e678a919c0b7b9b63dfdfd9ce8d50.jpeg)

请问你使用的是哪款设备和浏览器？看起来有些奇怪，它似乎正在尝试在那里加载摘要。🤔

---

<div class="post-metadata">

### Author: ![Denis\_Advert](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denis_advert/32/543523_2.png) [@Denis\_Advert](https://meta.discourse.org/u/Denis_Advert)
#### Post date: [2026年五月19日 13:55 UTC](https://meta.discourse.org/t/horizon-theme/360486/83 "2026-05-19T13:55:13Z")

</div>

我在桌面端使用 Chrome 浏览器进行了测试。我通过按 F12 将屏幕尺寸调整为与手机一致。当我通过缓存刷新页面（Ctrl + F5）时，问题依然存在。

---

<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: [2026年五月19日 13:59 UTC](https://meta.discourse.org/t/horizon-theme/360486/84 "2026-05-19T13:59:34Z")

</div>

是的，我刚刚在桌面版 Chrome 的移动端控制台中进行了测试，仍然无法复现。

 ![image](https://global.discourse-cdn.com/meta/original/4X/2/6/3/26392c3d78325b530d84168a7f19e6a67c16a39c.png)

---

<div class="post-metadata">

### Author: ![Denis\_Advert](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denis_advert/32/543523_2.png) [@Denis\_Advert](https://meta.discourse.org/u/Denis_Advert)
#### Post date: [2026年五月19日 14:06 UTC](https://meta.discourse.org/t/horizon-theme/360486/85 "2026-05-19T14:06:20Z")

</div>

好的，也许这个问题在 Chrome 更新后就会消失（虽然我认为我已经安装了最新版本）。算了。

我还有一个问题。为什么那个带有标签选择和按钮的区块在我向下滚动时不会隐藏？只有我这样，还是大家都会遇到这种情况？它占据了相当大的屏幕空间；如果在向下滚动时将其隐藏会更合理。

 ![Screenshot_3](https://global.discourse-cdn.com/meta/original/4X/c/a/3/ca3db2eb6ef082469dded9cefb391e3adb0864c7.png)

---

<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: [2026年五月19日 14:11 UTC](https://meta.discourse.org/t/horizon-theme/360486/86 "2026-05-19T14:11:04Z")

</div>

这似乎是 Horizon 主题的预期行为（可能是为了始终显示用户所在的类别/标签？），但我同意，当滚动时将其锚定在那里会占用过多空间。看起来类别和标签面包屑选择器位于 `navigation-container` 内。

 ![image](https://global.discourse-cdn.com/meta/original/4X/a/8/8/a880aea12be5d85cae341fec93ebb2ca367526fd.png)

---

<div class="post-metadata">

### Author: ![jack222](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jack222/32/529329_2.png) [@jack222](https://meta.discourse.org/u/jack222)
#### Post date: [2026年五月19日 14:57 UTC](https://meta.discourse.org/t/horizon-theme/360486/87 "2026-05-19T14:57:31Z")

</div>

在较小手机屏幕上，这两个按钮占据了非常多标题列表内容的空间。

我觉得信息密度展示趋势是更加紧凑，我的做法是css将这一排的fixed属性取消了。

---

<div class="post-metadata">

### Author: ![moebis](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moebis/32/555233_2.png) [@moebis](https://meta.discourse.org/u/moebis)
#### Post date: [2026年五月19日 15:53 UTC](https://meta.discourse.org/t/horizon-theme/360486/88 "2026-05-19T15:53:05Z")

</div>

这些按钮堆叠成 3 行而不是 1 个紧凑的行，这正常吗？

 ![image](https://global.discourse-cdn.com/meta/original/4X/6/f/b/6fbdc44653481b4a8266ea4c4f3186e4ea6ec723.png)

---

<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: [2026年五月19日 16:02 UTC](https://meta.discourse.org/t/horizon-theme/360486/89 "2026-05-19T16:02:42Z")

</div>

是的，不幸的是，这看起来是预期行为。固定按钮和主题通知按钮位于 `topic-footer-main-buttons` div 之外。这两个按钮至少应该被放在同一行中，但如果它们能渲染在主题页脚主按钮行内，那将更为理想。

 ![Screenshot 2026-05-19 at 8.59.55 AM](https://global.discourse-cdn.com/meta/original/4X/5/f/b/5fbbac3f7ad1ec04fff3e7c94dd1c0c0e73f5e3e.png)

---

<div class="post-metadata">

### Author: ![matt\_k\_bcn](https://avatars.discourse-cdn.com/v4/letter/m/48db29/32.png) [@matt\_k\_bcn](https://meta.discourse.org/u/matt_k_bcn)
#### Post date: [2026年五月28日 13:03 UTC](https://meta.discourse.org/t/horizon-theme/360486/90 "2026-05-28T13:03:44Z")

</div>

我们收到了来自使用 Horizon 主题社区的反馈，他们表示在主题列表页面中，帖子内的分类徽章会造成干扰。

他们指出，次要/补充内容（分类名称）分散了对主要内容（帖子标题）的注意力，我理解他们的观点。

以下是我从 [本论坛最新的主题列表](https://meta.discourse.org/latest) 中截取的一个示例：

 ![image](https://global.discourse-cdn.com/meta/original/4X/f/e/1/fe1bd819dc9ba18c99d06886eb61fcae9a89d922.png)

我们可以在自己的社区中通过样式覆盖来调整这一问题——我们正考虑移除背景色，将其改为边框样式——因此无需过度担忧。但我还是想分享这一点，以防这类反馈对您有所参考价值！

---

<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: [2026年五月28日 14:10 UTC](https://meta.discourse.org/t/horizon-theme/360486/91 "2026-05-28T14:10:02Z")

</div>

你好 @matt_k_bcn 👋 欢迎！🙂

你可以在主题组件中通过 CSS 实现这一点：

```scss
.hc-topic-card __category .badge-category__ wrapper {
    border: solid 1px!important;
    --category-badge-color: none!important;
}

```

 ![Screenshot 2026-05-28 at 7.09.01 AM](https://global.discourse-cdn.com/meta/original/4X/7/3/5/735265ceb3c8a578762f0786dcacac2402ed24fb.png)

[上一頁](https://meta.discourse.org/t/horizon-theme/360486.md?page=3)

[下一頁](https://meta.discourse.org/t/horizon-theme/360486.md?page=5)
