CSS隐藏未见的每TL即。组

开发
1

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

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

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

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

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

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

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

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

2

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

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

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

<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>
2 个赞