# 유저 카드 디렉터리: 모바일에서 메시지 버튼이 표시되지 않아야 함

**URL:** https://meta.discourse.org/t/user-card-directory-message-button-should-not-show-on-mobile/311878
**Category:** UX
**Tags:** mobile, user-card-directory
**Created:** [6월 13, 2024, 7:38오전 UTC](https://meta.discourse.org/t/user-card-directory-message-button-should-not-show-on-mobile/311878 "2024-06-13T07:38:18Z")
**Posts on this page:** 1
**Showing post:** 5

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [12월 11, 2024, 2:59오후 UTC](https://meta.discourse.org/t/user-card-directory-message-button-should-not-show-on-mobile/311878/5 "2024-12-11T14:59:52Z")

</div>

메시지 버튼은 아예 표시되어서는 안 된다고 생각합니다.

데스크톱 뷰에서는 이렇게 보입니다: [데스크톱 뷰에서 새 탭으로 열기](https://meta.discourse.org/u?cards=yes&order=likes_received&mobile_view=0)

 ![Screenshot_20241211_153710_Firefox](https://global.discourse-cdn.com/meta/original/4X/d/3/e/d3ec621cdbdc1c587f383b0734af416fbeeb4474.jpeg)

메시지나 채팅 버튼이 없습니다. 컴포넌트의 CSS에 의해 숨겨져 있습니다:

> <https://github.com/discourse/discourse-user-card-directory/blob/main/common/common.scss#L57-L59>

  

하지만 모바일 뷰에서는 [모바일 뷰에서 새 탭으로 열기](https://meta.discourse.org/u?cards=yes&order=likes_received&mobile_view=1) 버튼이 표시됩니다.

 ![Screenshot_20241211_153807_Firefox](https://global.discourse-cdn.com/meta/original/4X/9/9/3/993122084c139bd4d8e0e0870052279feddff3a8.jpeg)  
CSS가 오버라이드되었습니다.

 ![image](https://global.discourse-cdn.com/meta/original/4X/3/2/0/320ee6fc4a915ae815b9c79c06f5b41359d810f6.png)

따라서 문제는 버튼이 의도대로 작동하지 않는 것이 아니라, 모바일에서 숨겨지지 않는 것이라고 생각합니다. 버튼이 의도대로 숨겨진 상태라면 클릭할 수 없었을 것입니다.

---

_[View the full topic](https://meta.discourse.org/t/user-card-directory-message-button-should-not-show-on-mobile/311878)._
