空气主题

我看到了默认配色方案的相同问题(我之前没有切换过方案)。

奇怪的是,背景和图标使用了相同的 --primary-low-mid 颜色,而且我没有看到任何关于这方面的近期更改。:thinking:

2 个赞

好的,感谢您的报告,我已找到问题并已修复。

1 个赞

大家好。我正在使用 Air 主题,并希望在论坛主页上向用户显示最新帖子,但 Air 主题仅显示类别,也没有显示最新活动帖子(就像默认主题一样)。

如何在移动设备主页上同时显示类别和最新帖子(就在类别下方)?

大家好,是否可以显示有多少人查看了这些主题?

这可能不是最简洁的方法,但请将以下几行添加到 Desktop CSS 中

.topic-list-data.num.views {
  display: unset;
}
td.topic-list-data.num.views {
  display: flex;
  order: 4;
  justify-content: center;
  align-items: center;
}
1 个赞

大家好,我刚刚更新了 Air 主题。顺便说一句,我很喜欢它。

但我以前使用 discourse-trendy-login 在登录屏幕上设置了背景图片,但现在我使用的是 Air 主题,却无法显示背景图片。我该如何更改?提前感谢。

您能分享一下您网站的链接吗?

我想这应该对您有用:

.background-container {
    display: none;
}

如果不行,请在此处反馈。

1 个赞

您好 Jordan,

在使用带有图片的 Banner 时,我遇到了一个奇怪的现象:图片被拉伸,导致水平滚动。

而 onebox 似乎能正确显示宽度。

下图显示了 Banner 的顶部栏向右滚动,将“cleaning sed”和“edit”居中。

我尝试了不同的图片尺寸。在主题中,用于 Banner 的帖子显示正常。这似乎也影响了至少使用 RSS 插件拉取的 YouTube 框。尚未测试常规 YouTube onebox。

如何解决这个问题?是否可以通过 CSS 增加可见 Banner 的高度?

一些用户询问了如何在“分类”页面中显示子分类。这与 Modern Category + Group Boxes 组件有关,但由于它没有自己的主题(对吧?),我将在此分享我的发现:

这样做有效:

/* 显示子分类 */
.custom-category-boxes:not(.above-discovery-categories-outlet) .subcategories {
  display: inline-flex;
  flex-flow: wrap;
}

.custom-category-boxes:not(.above-discovery-categories-outlet) .subcategory {
  display: inline-flex;
  align-items: baseline;
  margin-right: .3em;
}

/* 移除列表中的分类图片 */
.custom-category-boxes:not(.above-discovery-categories-outlet) .subcategories .subcategory .subcategory-image-placeholder {
  display: none;
}

另外,如果你有很多子分类,也许你想每行显示一个分类。

/* 每行一个分类 */
.custom-category-boxes:not(.above-discovery-categories-outlet) {
  grid-template-columns: 1fr;
}

结果看起来像这样:

我认为这些框有一个高度限制,但我还没有找到移除它的方法。我们还没有足够的子分类在桌面上看到这个问题,但我们在移动设备上遇到了限制:

有什么解决这个问题的想法吗?

2 个赞

我在 Chrome 和 Edge 浏览器上遇到了此主题的响应式问题,但在 Firefox 上是正常的。
我该如何解决?
谢谢

有没有办法在桌面版的主题列表中以圆形格式保留头像?我在手机上查看过,它是圆形的,但为什么在桌面版上是方形的。

1 个赞

在我的 Air 主题中,桌面头像与移动端一样是圆形的。

您是否有将头像更改为方形的组件?

根据帖子编辑,头像应该是方形的……

不,我没有。我正在使用 Discourse 的默认主题和 Air 主题。Discourse 默认主题使用的是圆形格式。如果你看上面其他的版块图片,它们都是方形的。

而且头像看起来不圆滑。

1 个赞

也许可以使用这个 Theme component 来纠正它。

2 个赞

正是我需要使用的。非常感谢!

1 个赞

有人能告诉我如何更改此主题的背景吗?

你能更具体一点吗?有几个地方可以用图片修改背景。

您好 @jordan.vidrine,我注意到有几个地方内容没有被容器包裹。

我更希望将这些元素“气泡化”。因为当某些文本从白色背景变为蓝色背景时,会很难阅读。

这是徽章部分。另外,“获得的…”部分也有同样的问题。

我更喜欢气泡效果而不是纯粹的白色列,因为我认为它有更好的视觉效果。这对其他浮动元素甚至现代类别组标题也很有用。

1 个赞

Air 主题支持在线用户插件 Plugin

创建 Theme component

编辑通用 CSS 并添加以下代码

// Whis 在线自定义
.discovery-list-container-top-outlet.online_users_widget {
      display: flex;
      padding-top: .38em;
      background-color: var(--secondary);
      border: 1px solid rgba(var(--primary-rgb), 0.2);
      border-radius: 0.65em;
      transition: box-shadow 100ms ease-in-out;
      box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05);
}

在 Air 主题中启用组件

结果:之前显示没有背景色或边框,难以阅读

有几个区域我希望修复这个问题。

示例显示在我之前的帖子中。


编辑:为全局横幅添加修复 problem

关于全局横幅规格的附加信息:


//全局横幅图像修复
#banner img {
    width: 100%;
    height: auto;
}

特别感谢 @awesomerobot 提供此代码片段

1 个赞

大家好,我正试图为这个主题添加一些自定义 CSS,但该选项与其他主题自定义选项一起不见了。我错过了什么?