カスタムユーザーフィールドのフルスクリーンサインアップページからの非表示

皆さん、こんにちは。

新しい 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変更を適用して、すべてのカスタムユーザーフィールドを非表示にするにはどうすればよいでしょうか?

フルページでは、CSSで要素を対象とするために新しい.signup-fullpageクラスを使用する必要があります。以下を試してください。

.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に適用しても、うまくいきません:

ライトモードに適用すると、ダークモードでは非表示になってしまいます:

これはバグですか?(そうなら、Contribute > Bug に新しい投稿を立てます)それとも、私のDiscourse固有の問題でしょうか?

@dax さん、ありがとうございます。これが、最初にうまくいかなかった理由ですね。私はダークモードにのみ適用していたので :slight_smile:

フォーラムのデフォルトテーマは何ですか? default dark mode color scheme id サイト設定を設定しましたか?プライベートブラウザウィンドウを使ってみましたか?

ライト。

はい。

はい、いつも :blush:

それが、あなたがそのテーマを編集しなければならなかった理由です。ダークモードでは、異なる配色/パレットが適用されますが、それでもライトテーマです。

興味深い洞察をありがとうございます、@Moin :smiley:
そして、CSSをありがとう、@dax :smiley: