# 空气主题
**URL:** https://meta.discourse.org/t/air-theme/197703
**Category:** Theme
**Tags:** air-theme
**Created:** [2021年七月20日 20:24 UTC](https://meta.discourse.org/t/air-theme/197703 "2021-07-20T20:24:30Z")
**Posts on this page:** 20
**Page:** 8
### Author:  [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [2023年二月7日 02:29 UTC](https://meta.discourse.org/t/air-theme/197703/333 "2023-02-07T02:29:40Z")
我只是在这里交叉发布。我以为 Chat 插件与 Discourse Search Banner 存在冲突。但在仅预览了 Banner 后。它似乎与 Air Theme 背景有关。
请参阅下面的链接。
[https://meta.discourse.org/t/issue-with-discourse-search-banner/254231?u=heliosurge](https://meta.discourse.org/t/issue-with-discourse-search-banner/254231?u=heliosurge)
---
### Author:  [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [2023年二月8日 03:17 UTC](https://meta.discourse.org/t/air-theme/197703/334 "2023-02-08T03:17:49Z")
我想知道您是否有机会评估聊天插件问题？如上所述？抱歉，我想您一定很忙。我以为是与搜索横幅的冲突，但似乎是Air主题背景。聊天插件似乎创建了一个覆盖在蓝色背景上的白色中央列。
---
### Author:  [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [2023年二月6日 15:15 UTC](https://meta.discourse.org/t/air-theme/197703/335 "2023-02-06T15:15:06Z")
\n您好，\n\n发现在激活 Discourse 聊天插件时，Discourse 搜索横幅变为空白。\n\n
\n\n\n运行测试通过\n\n使用 Air 主题。禁用聊天插件后没有问题。启用聊天后如上所示。\n\n **编辑** ：弄错了。重新确认，实际上是与 Air 主题背景的冲突/问题，蓝色被裁剪/移除。请看下面的帖子，聊天关闭时，蓝色背景显示正常，Discourse 搜索横幅正确叠加在白色和蓝色上。
---
### Author:  [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [2023年二月6日 20:33 UTC](https://meta.discourse.org/t/air-theme/197703/336 "2023-02-06T20:33:07Z")
> [@Heliosurge](#):
>
> Banner of Discourse Search Banner blanks.
您好 Heliosurge，我不太确定是否理解您遇到的问题（尽管我在您的截图中确实看到了一个空白区域）。
您能否分享一下我们必须执行的 **确切步骤** 才能复现该问题，以便我们自己也能重现它？ 🙂
---
### Author:  [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [2023年二月7日 02:11 UTC](https://meta.discourse.org/t/air-theme/197703/337 "2023-02-07T02:11:16Z")
很简单。Air 主题将 Discourse Search Banner 作为完整主题的一部分进行了安装。
如所述，测试已通过。
启用 Chat 插件后，Discourse Search Banner 的欢迎横幅将不再显示欢迎消息。
关闭 Chat 插件。将显示欢迎横幅。
Chat 插件已禁用
您可以在此截图中看到 Chat 插件图标已从标题栏中消失。您还可以看到 chat 插件似乎对背景产生的其他影响，创建了一个忽略蓝色背景的白色空矩形。
现在看来，它是否会干扰 Air 主题的蓝色壁纸？因为横幅中的文本是白色的。所以我在 Discourse Search Banner 上的思路可能错了。这可能与 Air 主题的某个部分存在冲突……？？
---
### Author:  [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [2023年二月7日 02:26 UTC](https://meta.discourse.org/t/air-theme/197703/338 "2023-02-07T02:26:42Z")
确认。抱歉，似乎是与 Air 主题背景的冲突。我刚尝试预览了仅包含 Discourse Search Banner 和 Chat 插件的组合。
见下图
抱歉诊断错误了.. :facepalm:
进一步查看 Air 主题，背景的蓝色部分在滚动时被阻塞在中间列，蓝色仅在外部边缘。禁用聊天后，背景的蓝色部分从左到右连接到中心。
对比
---
### Author:  [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [2023年二月8日 03:23 UTC](https://meta.discourse.org/t/air-theme/197703/339 "2023-02-08T03:23:00Z")
只是给这个帖子顶一下。看起来实际上是 Air Theme 背景有一个中央的白色列。请看上面的图片。
只是想知道团队是否能够重现，因为我们已将其隔离到 Air Theme 背景，而不是搜索横幅的问题。
---
### Author:  [@Don](https://meta.discourse.org/u/Don)
#### Post date: [2023年二月8日 07:25 UTC](https://meta.discourse.org/t/air-theme/197703/340 "2023-02-08T07:25:03Z")
你好 Dan，
看起来你的 Search Banner 插件出口设置的是默认的 `above-main-container`？我认为你需要将其更改为将 Search Banner 放置在 `#main-container` 之外：🔽
> [@jordan-vidrine](#):
>
> ## Discourse Search Banner
>
> 在 `discourse-search-banner` 主题组件的选项中，`plugin-outlet` 选项需要设置为 **BELOW-SITE-HEADER** 才能使该主题正常渲染。
>
> 
* * *
然而，该主题在启用时，在 `#main-outlet` 上有一个 [聊天自定义样式](https://github.com/discourse/discourse-air/blob/main/scss/chat-mobile.scss)，我认为这只需要在聊天页面上生效。
这会用 `!important` 为 `#main-outlet` 添加背景，覆盖了主题在 `#main-outlet` 上的背景透明度等…
我认为最好将此限制在 `.has-full-page-chat`，这样它只会在聊天页面上出现？
* * *
使用 `above-main-container` 设置 🔽
使用 `below-site-header` 设置 🔽
---
### Author:  [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [2023年二月8日 13:21 UTC](https://meta.discourse.org/t/air-theme/197703/341 "2023-02-08T13:21:26Z")
好的，这解决了主显示屏的问题。有什么代码可以修复聊天窗口？正如您上次截图所示，它在类别中搜索横幅标题下方仍然有一个白色列。
感谢您的帮助。
---
### Author:  [@juiceer](https://meta.discourse.org/u/juiceer)
#### Post date: [2023年二月11日 05:26 UTC](https://meta.discourse.org/t/air-theme/197703/342 "2023-02-11T05:26:45Z")
我正在为部分（而非全部）类别添加“类别徽标”图片。
_预期行为_：当我为类别添加徽标图片时，标签的大小 **保持不变** ，与其他类别的标签大小相同。
_观察到的行为_：当我为类别添加徽标图片时， **正方形比没有徽标图片的类别的标签中的正方形相对更大** 。除了与同一列中的类别不对齐之外， **带有徽标图片的类别的行比不带徽标图片的类别的行更高** 。
这在移动设备和桌面设备上都会发生。
我该如何解决这个问题？
---
### Author:  [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [2023年二月11日 20:19 UTC](https://meta.discourse.org/t/air-theme/197703/343 "2023-02-11T20:19:06Z")
我可以确认我的网站就是这样显示的。我相信这是因为非猫标志使用了一个非常小的描述符，而不是猫标志。
我想你可能可以用 CSS 来使非标志类别与标志类别的框大小相匹配。
---
### Author:  [@juiceer](https://meta.discourse.org/u/juiceer)
#### Post date: [2023年二月11日 20:24 UTC](https://meta.discourse.org/t/air-theme/197703/344 "2023-02-11T20:24:49Z")
感谢您的确认。CSS 让我头皮发麻。这是我的克星。我从未像现在这样低效，因为我一直在努力用 CSS 来调整边距。
---
### Author:  [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [2023年二月11日 20:28 UTC](https://meta.discourse.org/t/air-theme/197703/345 "2023-02-11T20:28:34Z")
我听说你还在学习。但想象一下，作者或团队成员可能会帮助修复 CSS 代码。
刚发现浅色/深色切换。效果很好。保存后刷新页面，似乎 Discourse 会显示浅色主题徽标。我怀疑这是因为 Discourse 未检测到网页浏览器不在深色模式。
* * *
奇怪，它似乎已经自行修复了。哈哈
---
### Author:  [@Wojtekxtx](https://meta.discourse.org/u/Wojtekxtx)
#### Post date: [2023年二月16日 18:50 UTC](https://meta.discourse.org/t/air-theme/197703/346 "2023-02-16T18:50:29Z")
我刚切换到它，我必须说它的主题非常干净、漂亮。我非常喜欢它。无论谁设计的，都做得很好。谢谢。
---
### Author:  [@UnitedFreedom](https://meta.discourse.org/u/UnitedFreedom)
#### Post date: [2023年二月18日 23:31 UTC](https://meta.discourse.org/t/air-theme/197703/347 "2023-02-18T23:31:41Z")
> [@jordan.vidrine](#):
>
> 您有您网站的链接吗？我正在本地尝试，但无法复现。
您能私信我吗？我不方便公开分享链接。感谢您的帮助！\<3
我卸载了 Air Theme 及其所有插件，然后重新安装了它们。我已经尝试了我能想到的一切来修复它，但都失败了。
### 默认主题 - 选择不同选项后，类别下拉菜单 **不会消失** （在移动设备上）
### Air Theme - 选择不同选项后，类别下拉菜单 **会消失** 。（在移动设备上）
---
### Author:  [@UnitedFreedom](https://meta.discourse.org/u/UnitedFreedom)
#### Post date: [2023年二月26日 02:57 UTC](https://meta.discourse.org/t/air-theme/197703/348 "2023-02-26T02:57:39Z")
我找到了在使用 Air 主题时，移动设备上缺失“类别”下拉菜单的问题。
**关于帖子…**
- [Air Theme - #329 by UnitedFreedom](https://meta.discourse.org/t/discourse-air-theme/197703/329?u=unitedfreedom)
- [Air Theme - #347 by UnitedFreedom](https://meta.discourse.org/t/discourse-air-theme/197703/347?u=unitedfreedom)
**您的代码库中的 `Common.scss` 代码如下：**
```plaintext
.mobile-view {
.cm-header-links {
display: none;
}
.list-controls .nav-pills .drop li:first-of-type {
display: none;
}
}
```
**我已将代码更新为：**
```plaintext
.mobile-view {
.cm-header-links {
display: none;
}
.list-controls .nav-pills .drop li:first-of-type {
display: block;
}
}
```
现在，在选择另一个下拉选项后，“类别”下拉菜单不会消失了。 🙂
---
### Author:  [@AkaiBukai](https://meta.discourse.org/u/AkaiBukai)
#### Post date: [2023年三月3日 20:22 UTC](https://meta.discourse.org/t/air-theme/197703/349 "2023-03-03T20:22:55Z")
大家好……
我正在尝试自定义我自托管的 Discourse，并且发现这个主题是一个很好的起点！
你们是怎么在 CSS 中进行更改的（比如更改背景）？
因为当我选择这个主题时，主题页面中没有像默认主题那样的“自定义 CSS/HTML”部分。
---
### Author:  [@kinetiksoft](https://meta.discourse.org/u/kinetiksoft)
#### Post date: [2023年三月3日 20:58 UTC](https://meta.discourse.org/t/air-theme/197703/350 "2023-03-03T20:58:39Z")
您好，
1. 开始为您的论坛创建一个新的主题组件。
2. 将您的新组件包含到所需的主题中（正在使用的主题或用于首先检查的“开发”主题）。
3. 在组件设置中找到“编辑 CSS/HTML”按钮。
4. 创造并拓展视野！🔥
---
### Author:  [@AkaiBukai](https://meta.discourse.org/u/AkaiBukai)
#### Post date: [2023年三月4日 04:08 UTC](https://meta.discourse.org/t/air-theme/197703/351 "2023-03-04T04:08:21Z")
太棒了……我没想过一个组件仅仅是CSS的微调。
谢谢。
---
### Author:  [@commercial](https://meta.discourse.org/u/commercial)
#### Post date: [2023年三月8日 10:42 UTC](https://meta.discourse.org/t/air-theme/197703/352 "2023-03-08T10:42:21Z")
您好，
我在控制台中收到一条警告：
```plaintext
deprecated.js:61 Deprecation notice: PluginOutlet arguments should now be passed using `@outletArgs=` instead of `@args=` (outlet: category-box-below-each-category) [deprecation id: discourse.plugin-outlet-args]
in
```
是不是我在主题设置中遗漏了什么？
我查看了，但没看到……
[上一頁](https://meta.discourse.org/t/air-theme/197703.md?page=7)
[下一頁](https://meta.discourse.org/t/air-theme/197703.md?page=9)