전체 화면 가입 페이지에서 사용자 정의 필드 숨기기

여러분, 안녕하세요.

새로운 Introducing our new fullscreen signup and login pages (정말 좋습니다!)을 활성화하기 전에 커스터마이징하고 싶은 부분이 하나 발견되었습니다.

현재 모달 기반의 가입 페이지에서는 CSS를 사용하여 모달 내의 모든 사용자 정의(User Fields) 필드를 숨기고 있습니다.

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

이 덕분에 사용자는 가입에 필요한 최소한의 필드만 확인하게 됩니다:

하지만 새로운 가입 페이지에는 우리가 만든 모든 사용자 정의 필드가 표시되고 있는데, 그 수가 꽤 많습니다 :blush:

새로운 전체 화면 가입 페이지에 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;
}

이 문제없이 작동합니다. 적용이 확인되려면 페이지를 새로고침해야 합니다. 여기서 보시다시피, 저는 두 개의 다른 선택 필드를 가지고 있으며, CSS가 활성화되고 페이지가 새로고침되면 두 필드 모두 성공적으로 숨겨집니다:

signupfullpage

음 :thinking:

그 코드를 다크 모드 CSS에 적용하면 작동하지 않습니다:

코드를 라이트 모드에 적용하면 다크 모드에서 숨겨집니다:

이것은 버그인가요? (만약 그렇다면 Contribute > Bug 에 새 게시물을 올릴 예정입니다) 아니면 제 discourse 환경만의 특수한 문제일까요?

@dax 감사합니다 - 처음에는 다크 모드에만 적용했기 때문에 작동하지 않았던 것이었군요 :slight_smile:

포럼의 기본 테마는 무엇인가요? default dark mode color scheme id 사이트 설정을 구성해 보셨나요? 사설 브라우저 창을 사용해 보셨나요?

라이트 모드입니다.

네.

네, 항상 사용하고 있습니다 :blush:

그것이 바로 해당 테마를 수정해야 했던 이유입니다. 다크 모드에서는 다른 색상 스킴/팔레트가 적용되지만, 여전히 라이트 테마입니다.

흥미로운 통찰 감사합니다 @Moin :smiley:

css를 다시 한번 감사합니다 @dax :smiley: