从全屏注册页面隐藏自定义用户字段

大家好。

在我们启用新的 Introducing our new fullscreen signup and login pages (这很棒!)之前,我们发现了一些想要自定义的地方。

在当前基于模态框的注册中,我们使用一些 CSS 来隐藏模态框中的所有自定义用户字段。

.d-modal.create-account div[class*="user-field-"] {
    display: none;
}
.create-account .user-fields .user-field {
    padding-bottom: 20px;
}

这意味着我们的用户会看到最少的注册字段:

然而,新的注册页面显示了我们所有的自定义字段,这真是我们自己的“功劳”,数量相当多 :blush:

我们如何对新的全屏注册页面应用一些 CSS 更改,以隐藏我们所有的自定义用户字段呢?

在完整页面中,您需要使用新的 .signup-fullpage 类来定位其中的元素(使用 CSS)。尝试使用

.signup-fullpage div[class*="user-field-"] {
    display: none;
}

@dax,这个没用,我在这里应用得正确吗?:thinking:

@dax 是否有其他方法可以实现这一点?:thinking:

您是否正在使用任何特殊主题/主题组件?在我的网站上,这段 CSS 代码

.signup-fullpage div[class*="user-field-"] {
    display: none;
}

可以正常工作。要使其生效,您需要刷新页面。正如您在这里看到的,我有 2 个不同的可选字段,在启用 CSS 并刷新页面后,它们都会被成功隐藏:

signupfullpage

:thinking:

如果我把那段代码应用到暗黑模式的 CSS 中,它不起作用:

如果我把代码应用到亮色模式,那么在暗黑模式下它就会被隐藏:

这是一个 bug 吗?(如果是的话,我会在 Contribute > Bug 版块发一个新帖子)还是我的 Discourse 有什么特殊配置?

谢谢 @dax —— 这就是为什么我第一次没成功,因为我只把它应用到了暗黑模式中 :slight_smile:

论坛的默认主题是什么?您是否配置了 default dark mode color scheme id 站点设置?您是否尝试使用无痕浏览器窗口?

浅色。

是的。

是的,一直都是 :blush:

这就是为什么你必须编辑那个主题。在黑暗模式下,会应用不同的配色方案/调色板,但它仍然是浅色主题。

很有见地的见解,谢谢 @Moin :smiley:

再次感谢 @dax 提供的 CSS :smiley: