Скрытие пользовательских полей на странице полноэкранной регистрации

[Richie (Richie Rich)]

Всем привет.

Прежде чем мы включим новую страницу регистрации и входа в полноэкранном режиме (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;
}

Это означает, что пользователям предлагается минимальное количество полей для регистрации:

Однако новая страница регистрации отображает каждое наше пользовательское поле, и, по нашей же вине, их довольно много

Подскажите, пожалуйста, как применить изменения CSS к новой полноэкранной странице регистрации, чтобы скрыть все наши пользовательские поля?

[dax (Daniela)]

На полной странице вам нужно использовать новый класс .signup-fullpage, чтобы с помощью CSS выбирать элементы внутри него. Попробуйте следующее:

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

[Richie (Richie Rich)]

Это не сработало, @dax. Я правильно это применил здесь?

[Richie (Richie Rich)]

@dax может быть, есть другой способ заставить это работать?

[dax (Daniela)]

Возможно, вы используете какую-то специальную тему или компонент темы? На моём сайте этот CSS-код

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

работает без каких-либо проблем. Чтобы увидеть, как он применяется, нужно обновить страницу. Как вы можете видеть здесь, у меня есть два различных необязательных поля, и оба успешно скрываются после включения CSS и обновления страницы:

[Richie (Richie Rich)]

Хм

Если я применю этот код к CSS в тёмной теме, он не работает:

Если же применить код к светлой теме, он скрывает элемент в тёмной теме:

Это баг? (Если да, я создам новую тему в bug) или, возможно, это что-то специфичное для моего Discourse?

Спасибо, @dax — теперь понятно, почему в первый раз не сработало: я применил код только к тёмной теме

[Moin]

@Richie Rich

Это ошибка? (Если да, я создам новую тему в #bug::category) или это может быть что-то специфичное для моего Discourse?

Какая тема установлена по умолчанию на форуме? Настроили ли вы параметр сайта default dark mode color scheme id? Пробовали ли вы использовать режим инкогнито в браузере?

[Richie (Richie Rich)]

@Moin

Какая тема форума используется по умолчанию?

Светлая.

@Moin

Вы настроили параметр сайта default dark mode color scheme id?

Да.

@Moin

Вы пробовали использовать окно приватного просмотра?

Да, всегда

[Moin]

@Richie Rich

Светлая

Вот почему вам пришлось отредактировать эту тему. В тёмном режиме применяется другая цветовая схема/палитра, но сама тема остаётся светлой.

[Richie (Richie Rich)]

Интересное наблюдение, спасибо @Moin

И ещё раз спасибо @dax за CSS