# CSS隐藏未见的每TL即。组

**URL:** https://meta.discourse.org/t/css-to-hide-unseen-per-tl-aka-group/253635
**Category:** Development
**Tags:** css
**Created:** [2023年二月1日 07:51 UTC](https://meta.discourse.org/t/css-to-hide-unseen-per-tl-aka-group/253635 "2023-02-01T07:51:03Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [2023年二月1日 07:51 UTC](https://meta.discourse.org/t/css-to-hide-unseen-per-tl-aka-group/253635/1 "2023-02-01T07:51:03Z")

</div>

也许我应该先描述一下我试图做什么。

我的论坛上的更高级别（TL）的用户喜欢使用 `unseen`。所以我把它添加到了 `top menu`。但 TL0/1 不需要它，因为对他们来说 `latest` 和/或 `categories` 显示的是完全相同的内容。对他们来说 `unseen` 只是噪音。

TL1 用户可能/可以需要它，但他们停留在 TL1，因为他们不够活跃。同样：因为他们不活跃，`latest` 提供了相同的结果。

所以我决定隐藏 `unseen`，不让 TL2 以下的用户看到。

作为复制粘贴的博士，我知道我可以按组限制和更改布局及可见部分。但我找不到合适的资源，因为我缺少必要的搜索词。

那么……有人能给我指明正确的方向吗？

在理想的世界里，我们会有一个组件可以按组调整 `top menu`。或者我们甚至可以设置默认值，让用户决定他们想看什么或不看什么。但我们不是生活在完美的世界里，对吧？嗯，在同一个梦想世界里，我也懂得 CSS 😂

我有可能把这个问题看得比实际情况更严重。在我的世界里，大约 95% 的用户使用手机，他们根本不使用下拉菜单——所以，他们根本看不到 `unseen`。

---

<div class="post-metadata">

### Author: ![Lhc\_fl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lhc_fl/32/268115_2.png) [@Lhc\_fl](https://meta.discourse.org/u/Lhc_fl)
#### Post date: [2023年二月1日 08:10 UTC](https://meta.discourse.org/t/css-to-hide-unseen-per-tl-aka-group/253635/2 "2023-02-01T08:10:43Z")

</div>

嗯，我之前开发了一个主题组件，可以为组、TL 或用户插入 CSS。

~~我不确定元社区是否有人开发过类似的组件……但如果没有，我会发布的~~

更新：总的原则是这样的，考虑到我的实现非常奇怪……我不会发布的

```javascript
<script type="text/discourse-plugin" version="0.8">
try {
    let your_tl = -1; // -1 表示匿名
    if (api.getCurrentUser()?.trust_level) {
        your_tl = api.getCurrentUser().trust_level;
    }
    if (your_tl < 1) {
        var style = document.createElement('style');
        style.innerHTML = '#tl1-only{display:none;}'; // 或者其他
        document.head.appendChild(style);
    }
} catch(err) {
    // ...
}
</script>

```