使品牌标题支持RTL兼容

贡献 功能
,
1

我们如何使此组件与 RTL 网站兼容？

2

只需少量 CSS 自定义即可使其兼容 RTL。我将着手处理。

4 个赞
3

该组件与 RTL 网站不兼容。我们应该怎么办？

4

我之前尝试过。但这需要比我预期更多的改动。目前不在我的路线图中。#pr-welcome。

3 个赞
5

我可以提交一个 PR，但我只不知道如何在主题组件中将话语方向作为变量获取。

1 个赞
6

在 RTL 布局中，<html> 标签将包含 CSS 类 rtl。您可以据此进行自定义。如果需要，您也可以在 JS 代码中通过调用 const isRTL = $("html").hasClass("rtl"); 来检查。

1 个赞
7

抱歉，我没有正确理解您的意思。我只需要在 common.scss 文件中添加一个表示 Discourse 全局方向的变量。我在以下链接中未找到此类变量：

如果 common.scss 中包含该变量，自定义工作将非常直接。否则，我不知道该如何操作。

8

是的，我想我们没有全局 CSS 变量。您应该查看 rtl.scss 文件以了解如何自定义。

9

我已提交了一个拉取请求

3 个赞
10

已合并。感谢您的 PR :heart:。

5 个赞