Full height, slide out hamburger menu 작업 이후로 우리가 처리하지 못했던 부분이자, 혼란을 야기한 것이 있습니다. 바로 오른쪽에 있는 햄버거 메뉴가 왼쪽 에서 메뉴를 열게 되어 있다는 점입니다. 헤더를 재배치하는 데 관심이 있는 분들을 위해 이 컴포넌트를 소개합니다:
모바일 메뉴가 화면의 왼쪽 상단에 나타나는 것은 한 손으로 조작하기가 쉽지 않기 때문에, 이는 독립적인 테마 컴포넌트로 제공됩니다. 옵션이 있잖아요?
39개의 좋아요
정말 좋습니다. 메뉴 아이콘이 왼쪽에 있을 때 로고가 바 중앙에 오도록 구성 요소를 확장하고 옵션을 추가할 수 있을까요? UX 관점에서 가장 논리적인 방식이라고 생각합니다.
4개의 좋아요
네, 로고를 더 가운데에 위치시킬 수 있도록 테마 옵션을 추가했습니다. 즐기세요!
9개의 좋아요
데스크톱 버전에도 이 기능을 커스터마이즈할 수 있을까요?
ozkn
(Mathx)
1월 3, 2021, 10:57오전
5
1개의 좋아요
이 특정 테마 컴포넌트에서는 데스크톱을 범위에서 제외하는 것이 적절하다고 생각합니다.
데스크톱에서도 유사한 작업을 수행할 수 있습니다. 만약 여기서 데스크톱을 위해 제가 사용한 동일한 기법을 적용하여 요소를 재배치하려는 경우, 이미 하고 싶은 작업이 있다면 별도의 테마에서 구현하는 것이 그리 어렵지 않을 것입니다.
2개의 좋아요
답장 주셔서 감사합니다 직접 만들 기술은 부족하지만, 아마 스스로 배워야 할 것 같네요
태블릿에서만 활성화할 수 있나요? 그 UX가 태블릿에는 정말 잘 맞지만, 모바일에는 그렇지 않은 것 같습니다. (많은 사람들이 스마트폰을 한 손으로 사용하거든요.)
최근 이 컴포넌트에 버그가 있어서 활성화하면 모든 정렬이 어긋나는데, 어떻게 수정할 수 있을까요?
1개의 좋아요
fokx
3월 4, 2024, 3:35오전
12
이 방법은 작동하지 않습니다. 데스크톱에서 햄버거 버튼이 이미 왼쪽 상단에 위치해 있으므로, 코어 코드에서 모바일 UI에서도 동일한 위치로 설정할 수 있을까요? 만약 불가능하다면, 이러한 디자인 통일성을 방해하는 이유가 무엇인지 알려 주시겠습니까?
1개의 좋아요
이 테마 컴포넌트가 현재 작동하지 않는다는 보고가 몇 건 있어, broken 태그를 추가했습니다.
1개의 좋아요
Lilly
(Lillian )
3월 4, 2024, 6:55오전
14
OP에서 언급했듯이:
모바일에서는 한 손으로 사용하기 쉽도록 메뉴가 같은 쪽에 위치합니다.
fokx
3월 4, 2024, 8:12오전
15
확실히 놓치고 있던 부분을 짚어주셔서 감사합니다. 이해합니다. 그런데 설정 가능하도록 할 수 있을까요?
일부 사용자는 상대적으로 작은 화면 크기의 모바일 폰(예: Pixel 7)을 사용하므로 도달성(reachability) 문제가 없을 수 있습니다. 왼쪽에서 메뉴가 팝업되는 것은 매우 비자연스럽습니다. 만약 꼭 모서리에 무언가를 표시해야 한다면, 현재 홈페이지로 연결되는 사이트 로고인 메뉴 버튼으로 설정할 수는 없을까요?
지연된 점 사과드립니다. @benji 님이 이에 대한 수정을 제출했으니, 추가 문제가 있으면 알려주세요.
main ← brrusselburg:br/left-to-right-mobile
merged 09:01PM - 12 Jul 24 UTC
Before:

After:

2개의 좋아요
@featheredtoast님과 @benji님 , 정말 감사합니다!
방금 시도해 봤는데, 불행히도 제가 설치해 둔 다른 테마 컴포넌트와 잘 안 맞는 것 같습니다:
스크린샷을 확인해 주세요 (채팅 아이콘이 2번째 줄로 이동했습니다):
“모바일 왼쪽 햄버거 메뉴” 테마 컴포넌트를 비활성화했을 때의 모습은 다음과 같습니다:
도움이 되길 바랍니다!
2개의 좋아요
benji
(Benji)
7월 12, 2024, 11:43오후
19
Robin Grant:
도움이 되셨으면 좋겠습니다!
매우 도움이 됩니다. 감사합니다! 오늘 업무는 거의 끝났지만, 월요일에 이 문제를 확인해 보려고 메모를 남겨둘 겁니다. 무슨 일이 일어나고 있는지 대략 파악하고 있습니다.
3개의 좋아요
benji
(Benji)
7월 15, 2024, 6:21오후
20
좋은 월요일 보내세요, @Robin.Grant님 ! “왼쪽” 테마 업데이트를 다운로드한 후에 이 스크린샷을 찍으셨는지 확인하고 싶었습니다. 지금 로컬에서 이 문제를 재현해 보고 있습니다.
1개의 좋아요
이 문제를 수정하는 패치를 적용했습니다. @benji 님, 정말 감사합니다.
main ← brrusselburg:br/header_icon_fix
merged 11:31PM - 15 Jul 24 UTC
Another small tweak. Double-checked, and there were no side-effects from this on… desktop mode.
Before:
<img width="493" alt="Screenshot 2024-07-15 at 6 02 27 PM" src="https://github.com/user-attachments/assets/19ee67bb-cbdb-4a16-8638-c48076b113a3">
After:
<img width="496" alt="Screenshot 2024-07-15 at 6 01 54 PM" src="https://github.com/user-attachments/assets/fc8a766f-3e92-4b47-b40a-3268271155f9">
Just this theme, to show nothing wacky happened:
<img width="490" alt="Screenshot 2024-07-15 at 6 22 06 PM" src="https://github.com/user-attachments/assets/ac715153-bfba-4766-adb7-9500135ca6ea">
@Robin.Grant 님, 한번 테스트해 보세요.
3개의 좋아요