用户个人资料页面/组的 CSS 类/如何将其添加到页面？

开发
1

我正试图隐藏某个用户组（例如“已暂停”）的用户在查看该用户个人资料页面时（作为非管理员）的“摘要部分”。我已经安装了这个主题组件：https://meta.discourse.org/t/css-classes-for-current-users-groups/226068，并且我正在使用提供的推荐 CSS：

body:not(.staff) .group-suspended .user-content-wrapper .user-content { display: none; }

问题是，“group-suspended”这个 CSS 类并没有出现在已暂停用户的个人资料页面上。我没有在页面上看到任何“group-” CSS 类。

我该如何才能让这个“group-” CSS 类出现在用户个人资料页面上？

我们的网站是：https://base.championteamtrading.com/

谢谢！

2

该组件将当前登录用户的 CSS 类添加到当前用户正在查看的所有页面。

您想要的是相反的操作，即向当前正在查看的用户配置文件的页面添加组类。

2 个赞
3

感谢您的快速回复！

您说得对，我正是想这么做，有什么简单的方法可以实现吗？我查找了以下两种方法：

  • 安装一个现有的主题组件来为 HTML 添加类，以及
  • 一个插件 API 函数来获取该用户变量并编写一些代码（但只找到一个获取当前用户的函数）

但到目前为止，我还没有找到。

如果您能提供任何帮助，我将不胜感激！

再次感谢。

1 个赞
4

您需要挂钩 Ember 代码以获取 profile user object groups 属性。

此类更改会更复杂一些，但在开发者指南：Discourse 主题中有详细说明。

1 个赞