FKB Pro - 社交主题

但是否可以通过 CSS/其他方式实现?:smile:

编辑:忽略以下所有内容。问题出在 Discourse Topic List Author 组件。
另外,有人知道这个条形图怎么了吗?我昨晚刷新了页面,它随机变成了这样,我找不到如何修复它。不过在手机上看起来还是正常的。条形图现在非常宽,当你点击它时,文本颜色与(浅色和深色模式下的)颜色相同,并且内容不再完全在框内。


我已经将我的主题的 CSS 与你在这里的 CSS 进行了比较,针对 topic-list-header,它们是相同的,所以我不知道是什么原因造成的。

@Don 嘿,快速问一下,有什么好办法可以调整这些按钮,让它们在手机上不那么拥挤吗?

目前看起来有点乱。也许可以把“回复”移到“2/2”区域/扳手图标旁边,把“跟踪”移到“主题控件”旁边。这样会更整洁一些。

另外,Discourse 主题列表作者组件导致底部的小框框变得非常宽,不知道为什么。有什么解决办法吗?我花了很长时间才弄清楚是这个组件导致的问题,哈哈。

我在这里做了一些调整:

我认为默认主题也有相同的对齐方式。:thinking: 我认为我们不应该改变这一点。无论如何,用户没有扳手按钮。

我认为 主题列表作者 主题组件与此主题不兼容。因为 FKB 主题和主题列表作者都覆盖了主题列表项模板。

1 个赞

非常感谢!我马上就去看看。不过,有个小问题:

如果我在 GitHub 上 fork 了这个主题,应该如何正确地更新它?

基本上,我 fork 了它,在本地进行了自己的修改并推送到我的 GitHub,然后在我网站的管理主题面板中更新主题。但是,如何在保留本地修改的同时,也包含你对它的修改呢?当我尝试同步我 fork 的主题和你所做的更改时,会出现这个:

所以,如果我放弃我自己的修改,那我的所有修改不就都消失了吗?我想保留我所做的编辑,同时也要接收你对主题核心所做的更改。

编辑:我用你最新的编辑更新了主题。看起来“跟踪区域/图标”现在调整到了屏幕左侧,“2/2”页面区域现在是圆形的。这是正确的吗?在移动设备上看起来确实好了一点,但即使是在普通用户账户上,在移动设备上页面编号旁边仍然存在那个尴尬的空白区域。

编辑 7 小时后:那么,这个主题的配色方案没有“选中”和“悬停”选项吗?我看到了所有的颜色选项,除了最后两个:选中和悬停。

嘿,@Don,除了我上面的回复之外,是否可以做一个这样的功能:长帖不再显示“阅读更多…”并需要点击才能进入主题,而是像Facebook一样(以前是这样)直接在当前页面下拉显示全部内容?

编辑(17小时后):另外,主论坛页面的评论按钮是否可以直接跳转到评论区,而不是选择原始帖或最新帖?

是的,这是设计使然。

我已合并此内容。:+1:

1 个赞

你好 @Don

感谢你提供的超赞主题!
我想知道如何更改设置,以便使用下面的第三种徽章样式,因为我的网站目前显示的是第一种徽章样式。

1 个赞

你好 :waving_hand:

谢谢 :heart: 是的,核心部分的一些类别徽章发生了变化。我将添加一个设置来更改这些样式。:slightly_smiling_face:

1 个赞

谢谢。

另外,虽然不是大问题,但我还注意到 3 个 CSS 问题:

1) 搜索横幅在桌面/平板电脑上无法正确显示搜索栏,仅在移动视图上显示正常。

桌面:

移动端(显示正常):

2) 文档视图在移动端右侧超出屏幕范围:

3) 分类框(用于子分类)在响应式变为 3 列时会截断文字:

有没有办法也修复这些问题?

1 个赞

你好 @Clo :wave:

谢谢你的报告。:slightly_smiling_face: 这个更新涵盖了你提到的几乎所有内容。

它包含了一个新设置,你可以在其中选择分类徽章样式。
它还没有包含条形样式。

分类徽章样式

  • 圆点 (默认)
  • 方框

还为搜索栏主题组件添加了一些支持,并修复了移动设备上的文档主题列表视图。


我假设这是 GitHub - discourse/discourse-minimal-category-boxes 主题组件。但我无法重现它。:thinking: 你能再详细说明一下吗?这在其他主题(例如默认主题)上也会发生吗?

您好 @Don

非常感谢,搜索栏和分类现在看起来很棒!

不幸的是,我认为移动视图上的文档仍然需要一些内边距。请看下图:

文本仍然超出右侧屏幕。

关于分类框,我之前使用的任何其他主题或默认主题都没有出现这种情况。这可能是因为这个主题在右侧有一个侧边栏,而其他主题没有,所以现在三列不得不挤到中间?

这些是我正在使用的组件:

主分类页面也出现了同样的问题:

看起来屏幕尺寸的换行太晚了,导致框太小而无法容纳文本,然后文本就被截断了。

您能分享一下您的论坛网址或通过私信发给我吗?这样我就可以更轻松地检查这些事情了。:slightly_smiling_face:

您好,@Don,我有一个问题。如何更改侧边栏在深色和浅色模式下的颜色?

我想更改的背景高亮颜色列在:

--d-sidebar-highlight-background:
var(--primary-low);

但我没有在 GitHub 存储库中找到“highlight-background”。我知道如何在本地更改它,但如果我将其从 var(--primary-low); 更改为例如 #000000;,它会同时影响两种模式。如何为每种模式设置不同的颜色?注意:这也影响了下面的区域,我也需要为每种模式设置不同的颜色:

另外,有没有办法让主论坛页面上的评论按钮直接跳转到评论,而不是选择原始帖子或最新帖子?

我的显示如下,没有附加到边框。如何让我的也像这样?
gggg

谢谢!

嘿,@Don,你最近对主题的某次更新是不是导致安装出错了?我昨天导出的版本可以正常上传,但当我 fork 了最新版本并尝试安装 .zip 文件或从 GH 仓库安装时,就会出现 500 错误。

在我的日志中,我看到:

无法正确处理劫持的响应:ActiveRecord::RecordNotUnique:PG::UniqueViolation:错误:重复键值违反了唯一约束“theme_field_unique_index”
详细信息:键(theme_id, target_id, type_id, name)=(50, 5, 1, common/fkb-c-alternative-voting-category) 已存在。

每次我尝试导入主题时,theme_id 都会加一,所以至少不是 theme_id 的问题……

你好 :wave:

这是你的分支吗?https://github.com/GitHubQueenn/fkb-pro-theme2

你似乎创建了一个 stylesheets 文件夹,它复制了 scss 文件夹中的文件。这会导致问题,因为文件被复制了,它试图从两个文件夹导入。如果你想更改样式,请创建一个新的主题组件,或者在 scss 文件夹中进行更改,你也可以使用 stylesheets 作为文件夹名称,但不要同时使用两者。但最好保留 scss,因为它被主仓库使用。

您好,我不确定这是如何发生的。每次备份主题时,我都会在每个备份中找到一个“stylesheets”文件夹,我从未自己创建过它。它看起来像这样,并且我对其中的文件进行了很多更改。

您是说删除它吗?

是的,这是因为您从管理员那里导出?我假设此文件夹包含您的修改。我不确定这是哪个版本,我最近做了一些更改。但是您可以将这些文件上传到 scss 文件夹中。

1 个赞

谢谢!能否将此内容调整一下并完全移除分类名称?

6小时后编辑:另外,如果我将所有的 .scss 文件合并成一个大文件,你们的主题还能正常工作吗?我正在尽力优化我的网站,一些性能测试网站说它需要加载很多 CSS 和 JS 文件,主要是来自主题。它建议减少文件数量并将内容合并到一个文件中。

与 discourse-tab-bar-theme 冲突,建议添加自定义按钮高度

这个插件看起来很棒。

有没有一个插件具有“好友”的概念,即您必须接受好友请求,对方才能在他们的动态中看到您的帖子?