FKB Pro - 社交主题

我已经检查了我的最新更新,但类别仍然在左侧。

@Don
您好,
我已将“自定义嵌入式回复(主题组件)”应用到“FKB Pro - Social themed”。在桌面端效果还不错,但在移动端,右侧评论列的布局非常狭窄,“跳转到帖子”图标也粘在底部。因此,左侧空间显得很宽。您是否计划将左侧列中的帖子和用户图标尽可能地向左排列,并调整布局使其平衡,以便评论能更宽地显示?

@Don 我在 FKB Pro 和 Discourse Custom Wizard 之间又遇到了一个小冲突

2 个赞

感谢 @Drew-ART,我已移除轮廓覆盖。:+1: 更新主题后应该就能正常工作了。

2 个赞

如果我想为主题添加自定义 CSS,我是否可以认为“设置编辑器”取代了编辑 HTML/CSS 按钮?

那么,在 @Don 的 CSS 结束的地方:

{
	"setting": "dark_btn_hover",
	"value": "rgba(var(--primary-rgb),.1)"
}
]

我可以直接在下面继续,就像这样:

data-category-id='offers' [
  .discourse-kanban-list {
	 width: 50%;
     }
]

(只有一个类别在其看板上只有两列,我希望它们各占 50% 的空间)

是否可以将右侧边栏组件与“stock”FKB面板一起使用?这样顶部是FKB面板,下面是右侧边栏组件的其余部分?

另外,当侧边栏关闭时,右侧有一个间隙

显然,当侧边栏可见时需要这个间隙,但隐藏时则不需要。

可能修复方法是:

.fkb-panel-hidden .list-container .full-width { 
	gap: 0;
}
1 个赞

在创建账户模态框中,我看到第三方登录按钮的对齐不正确。仅在移动设备上发生(并将文本大小缩放到 75% 可以恢复对齐)。我想知道这是否是 FKB PRO 的错误?

在我的登录模态框中,它们看起来是正确的,只有创建账户的那个出错了。除此之外,这个主题一直很棒,谢谢!

1 个赞

您好 @Drew-ART,抱歉延迟回复。

使用设置编辑器,您可以在更改主题设置时执行相同的操作。因此,在这种情况下,您可以更改颜色。这些设置是受限的。如果您想对按钮等进行更大的更改,则必须创建一个新组件 - 并将其激活到主题 - 您可以在其中放置代码。

我对看板 CSS 不太熟悉,但我认为 data-category-id 应该是一个数字。

看起来像这样。

[data-category-id="your-category-id"] {
  .discourse-kanban-list {
    width: 50%;
  }
}

您必须将其放置在一个新组件中。就像我在这里展示的那样:FKB Pro - Social theme - #88 by Don


您好 @Fma965,是的,技术上是可行的。现在它的工作方式是,当您使用右侧边栏组件时,默认部分将被隐藏,但我想通过一些 CSS 可以将两者结合使用。


您好 @thisisjoshjones,谢谢🙂 是的,我认为我必须更新主题 CSS 以适应新的核心模态更改。我会修复这个问题。

我确实尝试过用 CSS 进行试验,但似乎不可能,根据我的测试,那个 div 是空的。

@Fma965,我添加了一个新设置,用于在 FKB 面板下方显示 右侧边栏块

Screenshot 2023-12-22 at 14.04.05


我还更新了模态框类以适应新的核心更改。

@thisisjoshjones 我认为如果您将 Discourse 更新到最新版本,这个问题就会得到修复。由于您的 Discourse 上次更新是在 一个月前(11 月 18 日),并且此模态框问题自那时以来 已修复(11 月 20 日)

干得好,谢谢

我注意到的另一件事是“标题后”的 HTML 不起作用

开发者工具
image

HTML 从未添加,它确实显示在分析器中,但未显示在实际网页源代码中

将其移至“标题”而不是“标题后”,它就会显示出来,这是主题还是其他问题?

我现在已经检查过了,它在“After Header”中对我来说是有效的。

1 个赞

嗯,那一定是我的实例上有其他东西在干扰它,没关系。谢谢

编辑:启用 discourse-right-side-blocks 主题组件后,它就无法正常工作了。

是的,我明白了。我也可以在默认主题中重现它。这可能是 Right Sidebar Blocks 主题组件的问题。

2 个赞

你说得对,谢谢!

1 个赞

您好,

我遇到了一个问题:在 Discourse 的最新版本 3.2.0.beta4-dev 中,主题面板上没有编辑 CSS/HTML 的链接……

我想知道这个问题是只出现在我的 Discourse 版本上,还是其他刚安装或更新到这个最新 Discourse 版本的用户也遇到了同样的问题?

您好 @pzguillaume

您无法编辑远程主题。这是很久以前引入的功能。

4 个赞

为了完成 Ondrej 的回答,您可以创建一个新的主题组件,将其附加到您的主题,并在此处应用所有自定义设置。 :+1:

4 个赞

@ondrej :谢谢。我是 Discourse 新手,我不知道……

@Arkshine :也谢谢你!你帮了我大忙! :clap: :blush:

2 个赞