# 계정 생성 폼에서 전체 이름 필드 숨기기

**URL:** <https://meta.discourse.org/t/hide-the-full-name-field-in-the-create-account-form/232207>\
**Category:** Development\
**Created:** [7월 7, 2022, 2:05오후 UTC](https://meta.discourse.org/t/hide-the-full-name-field-in-the-create-account-form/232207 "2022-07-07T14:05:55Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![saurabhmasc](https://avatars.discourse-cdn.com/v4/letter/s/4bbf92/32.png) [@saurabhmasc](https://meta.discourse.org/u/saurabhmasc)\
**Post date:** [7월 7, 2022, 2:05오후 UTC](https://meta.discourse.org/t/hide-the-full-name-field-in-the-create-account-form/232207/1 "2022-07-07T14:05:55Z")

</div>

팀 여러분께,

아래와 같이 그리드 레이아웃을 사용하여 Discourse의 일반 계정 생성 양식을 커스텀했습니다:

 ![image](https://global.discourse-cdn.com/meta/original/4X/e/d/3/ed36c18d40a2a48cd93e5c675bfbd86402f564f3.png)

현재 다음 SCSS를 사용하여 전체 이름(full name) 필드를 숨기고 있습니다:

```plaintext
.d-modal.create-account .login-form {
   form{
        .input-group:nth-child(3)
            display:none !important;
        }
   }
}

```

아래에 언급된 `input-group` div에는 고유한 클래스가 없으므로 nth-child 선택자를 사용하여 전체 이름 필드를 숨기고 있습니다:

> <https://github.com/discourse/discourse/blob/2e4056d18532435e6e68d79cceca5b8b280c6948/app/assets/javascripts/discourse/app/templates/modal/create-account.hbs#L44>

하지만 이제 Google Oauth2 로그인을 활성화했는데, 이 경우 전체 이름 필드가 4번째 위치에 있습니다. 따라서 현재 CSS는 아래에 보이는 것처럼 인증 제공자(Auth provider)의 계정 생성 양식을 깨뜨립니다:

 ![image](https://global.discourse-cdn.com/meta/original/4X/4/5/0/450f1a5865cc170db79f8dcc8bc5162d5cb795fe.png)

CSS를 사용하여 현재 양식이 일반 계정 생성 양식인지, 아니면 인증 제공자(예: Google Oauth2) 양식인지를 어떻게 식별할 수 있을까요? 그러면 필드에 따라 CSS를 적절히 적용할 수 있을 것 같습니다.

비밀번호(Password) 필드도 비슷한 문제가 있습니다.

감사합니다,  
Saurabh

---

_[View the full topic](https://meta.discourse.org/t/hide-the-full-name-field-in-the-create-account-form/232207)._