# 모바일에서 사용자 페이지의 관리자 버튼이 가려집니다

**URL:** https://meta.discourse.org/t/admin-button-on-user-page-is-obscured-on-mobile/315330
**Category:** UX
**Created:** [7월 7, 2024, 3:19오후 UTC](https://meta.discourse.org/t/admin-button-on-user-page-is-obscured-on-mobile/315330 "2024-07-07T15:19:11Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![piffy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/piffy/32/254198_2.png) [@piffy](https://meta.discourse.org/u/piffy)
#### Post date: [7월 7, 2024, 3:19오후 UTC](https://meta.discourse.org/t/admin-button-on-user-page-is-obscured-on-mobile/315330/1 "2024-07-07T15:19:11Z")

</div>

데스크톱에서 사용자 페이지에 접속하면 다음과 같은 버튼이 표시됩니다:

 ![image](https://global.discourse-cdn.com/meta/original/4X/7/f/9/7f9bda0d3ed3cbd596d72bddc17224bcfcd88a32.png)

그리고 아래에 옵션들이 있습니다.

 ![image](https://global.discourse-cdn.com/meta/original/4X/1/1/6/1168409da49da8826a85e0352d52311fa9751a83.png)

* * *

모바일에서는 사용자 페이지가 다음과 같이 레이아웃됩니다. 어디에도 관리자용 렌치 버튼이 보이지 않습니다.

 ![Screenshot_20240707_110723_Chrome](https://global.discourse-cdn.com/meta/original/4X/4/b/1/4b1abcfd1bfac4414733ec30dfd09e1d3ca1e702.jpeg)

아이콘을 실제로 드래그해야만 🔧 버튼이 나타납니다.

 ![Screenshot_20240707_110738_Chrome](https://global.discourse-cdn.com/meta/original/4X/8/2/3/823158f477ced26abf2b20a566f050b99b03af36.jpeg)

주요 문제는 두 가지입니다.

1. 뚜렷한 이유 없이 데스크톱과 모바일 간의 일관성이 없습니다.
2. 아이콘이 가로로 스크롤될 수 있다는 표시가 없습니다(제 화면에서는 옵션이 하나만 더 나타납니다).

이것은 단순한 이론적인 UX 문제가 아닙니다. 제 사이트의 다른 관리자가 이 곳에서 사용자/관리자 버튼을 찾지 못했습니다. 이 영역이 현재 적극적으로 개발되고 있는지 확실하지 않지만, 현재 상태에서는 UX를 개선할 여지가 있습니다.

---

<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: [7월 7, 2024, 3:33오후 UTC](https://meta.discourse.org/t/admin-button-on-user-page-is-obscured-on-mobile/315330/2 "2024-07-07T15:33:22Z")

</div>

> [@piffy](#):
>
> 아이콘이 가로 스크롤이 가능하다는 표시가 없습니다(적어도 제 화면에서는 추가 옵션이 하나만 더 나타납니다).

이것은 모든 사용자에게 영향을 미치는 문제입니다. 설정 화면에서 추가 메뉴를 스크롤할 수 있다는 사실을 알아차리기가 꽤 어려울 수 있습니다.

 ![_20240707_172545](https://global.discourse-cdn.com/meta/original/4X/3/e/2/3e2b15255fc3a30d02e68e49f88d1d4cd2776977.jpeg)

데스크톱 뷰에서는 표시기가 있습니다:

 ![_20240707_173112](https://global.discourse-cdn.com/meta/original/4X/e/5/d/e5da5171623b79e9878087fb89c6e38d6a98934b.jpeg)

이 표시기를 모바일 모드에서도 표시할 수 있도록 하면 어떨까요.

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [7월 7, 2024, 3:39오후 UTC](https://meta.discourse.org/t/admin-button-on-user-page-is-obscured-on-mobile/315330/3 "2024-07-07T15:39:03Z")

</div>

기기나 테마에 따라 달라질 수 있습니다. 저는 렌치 아이콘을 보려면 스크롤할 필요가 없거든요. 제 iPhone 15 Pro Max에서는:

 ![IMG_1633](https://global.discourse-cdn.com/meta/original/4X/3/a/c/3ac80b5e24972558fe2a3eefad44cb3f884ad3c7.jpeg)

가로 스크롤은 어색하고, 실제 스크롤 바가 눈에 보이지 않는 한 직관적이지 않다는 점에는 동의합니다. 저는 공간을 절약하기 위해 메뉴에 드롭다운 선택기를 더 선호하지만, 너무 많이 사용하면 UI에 불리함이 생길 수도 있습니다.

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [7월 7, 2024, 8:32오후 UTC](https://meta.discourse.org/t/admin-button-on-user-page-is-obscured-on-mobile/315330/5 "2024-07-07T20:32:05Z")

</div>

제 Pixel 8 화면은 스크롤 없이 볼 수 있을 정도로 충분히 큽니다. 친구의 S24는 모바일에서 카테고리 2열이 표시되는데, 저는 Air 테마에서는 1열만 보입니다.

다만, 관리자/모드 전용 버튼은 다른 색상을 사용하는 것이 더 나을지 궁금합니다. 혹은 이 경우

fa user-Shield 아이콘이 더 좋아 보일 수도 있겠네요. 다만 기억이 정확하지는 않지만, 관리자/모드만 wrench(렌치) 아이콘을 사용하니까 굳이 필요 없을 수도 있겠네요.

---

<div class="post-metadata">

### Author: ![piffy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/piffy/32/254198_2.png) [@piffy](https://meta.discourse.org/u/piffy)
#### Post date: [7월 8, 2024, 3:17오전 UTC](https://meta.discourse.org/t/admin-button-on-user-page-is-obscured-on-mobile/315330/6 "2024-07-08T03:17:15Z")

</div>

저는 Air 테마를 사용 중입니다. CSS를 이용해 직접 수정할 수는 있지만, 어떤 공식 테마를 사용하든, 화면 크기와 관계없이 더 직관적이어야 한다고 생각합니다.

또한, 데스크톱에는 전체 관리자 버튼이 있는 반면 모바일 인터페이스에는 없는 이유도 이해가 되지 않습니다.

---

<div class="post-metadata">

### Author: ![Lhc\_fl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lhc_fl/32/268115_2.png) [@Lhc\_fl](https://meta.discourse.org/u/Lhc_fl)
#### Post date: [7월 8, 2024, 4:04오전 UTC](https://meta.discourse.org/t/admin-button-on-user-page-is-obscured-on-mobile/315330/7 "2024-07-08T04:04:04Z")

</div>

이것은 디자인 문제라고 생각합니다. 전체 사용자 설정 인터페이스를 재설계하지 않는 한, 탭 뒤에 버튼이 숨겨지는 문제를 해결할 방법이 없습니다.毕竟, 기기의 폭에는 한계가 있고, 이렇게 많은 버튼을 모두 배치하는 것은 불가능하기 때문입니다.

제 기기에서는 탭의 길이가 기어 아이콘이 절반쯤 보이도록 되어 있어서, 뒤에 버튼이 더 있다는 것을 알 수 있습니다.

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

그래서 길이가 부족할 때 명시적인 화살표를 추가하면, 이런 수평 슬라이더의 존재에 대해 사용자가 더 잘 인지할 수 있지 않을까 하는 생각이 듭니다…

 ![image](https://global.discourse-cdn.com/meta/original/4X/c/8/2/c822873651f42007359dc8bdef353e9c8ec4c1b8.png)

---

<div class="post-metadata">

### Author: ![Kartoon](https://avatars.discourse-cdn.com/v4/letter/k/e36b37/32.png) [@Kartoon](https://meta.discourse.org/u/Kartoon)
#### Post date: [10월 20, 2024, 7:57오후 UTC](https://meta.discourse.org/t/admin-button-on-user-page-is-obscured-on-mobile/315330/8 "2024-10-20T19:57:04Z")

</div>

위에서 제안한 화살표가 좋은 타협안이라고 생각합니다.

오늘 이 주제에 대해 토픽을 올렸는데, 관리자 프로필에 어떻게 접근하는지 여러 번 찾아봐도 도저히 방법을 알 수 없었거든요 (결국 메인 관리자 패널을 통해 접근할 수 있다는 걸 알아냈지만, 훨씬 번거로웠습니다).

제 폰 중 어느 기기에서도 렌치 아이콘이 있다는 걸 전혀 알 수 없었습니다. 크기가 딱 맞아서 아예 존재하지 않는다고 생각했거든요.

 ![Screenshot_20241020-125512](https://global.discourse-cdn.com/meta/original/4X/0/1/d/01d3028703c9a93e08390d4c41af5b063f00f082.png)e

무한정 아이콘을 늘릴 수는 없다는 데 동의합니다. 그리고 위 게시물들을 들어보면 디스플레이에 따라 달라지는 것 같으니 동적으로 조정되는 솔루션이 필요할 텐데, 그래도 단순한 화살표 하나(기본값이 왼쪽이므로 오른쪽에 있는 걸 알면 왼쪽도 있다는 걸 알 수 있으므로 오른쪽에만 있어도)만 있어도 큰 차이가 날 것입니다.

---

<div class="post-metadata">

### Author: ![Jonathan5](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jonathan5/32/197134_2.png) [@Jonathan5](https://meta.discourse.org/u/Jonathan5)
#### Post date: [2월 10, 2025, 9:12오전 UTC](https://meta.discourse.org/t/admin-button-on-user-page-is-obscured-on-mobile/315330/9 "2025-02-10T09:12:00Z")

</div>

화면에 모든 아이콘을 표시할 수 없는 경우 화살표를 추가해야 한다는 제안이 여러 개 있습니다. 저는 이 아이디어에 동의합니다.

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [2월 25, 2026, 10:31오전 UTC](https://meta.discourse.org/t/admin-button-on-user-page-is-obscured-on-mobile/315330/11 "2026-02-25T10:31:04Z")

</div>

왜 동작을 데스크톱으로 제한하고 있는지 모르겠습니다.

변경해 보았는데 테스트 결과 정상적으로 작동하는 것 같습니다.

> <https://github.com/discourse/discourse/pull/38058>
>
> On mobile, we prevent the horizontal overflow from working, making it hard to de…tect there are hidden items.
> 
> Example with user nav:
> 
> \<img width="784" height="470" alt="CleanShot 2026-02-25 at 14 28 16@2x" src="https://github.com/user-attachments/assets/46136cc7-1e57-42ce-900a-d6c1bad52250" /\>
> 
> I'm not sure why it was restricted in the first place: it seems like a better solution on mobile as well.
> 
> https://meta.discourse.org/t/admin-button-on-user-page-is-obscured-on-mobile/315330
