모바일 왼쪽 햄버거 메뉴

Full height, slide out hamburger menu 작업 이후로 우리가 처리하지 못했던 부분이자, 혼란을 야기한 것이 있습니다. 바로 오른쪽에 있는 햄버거 메뉴가 왼쪽에서 메뉴를 열게 되어 있다는 점입니다. 헤더를 재배치하는 데 관심이 있는 분들을 위해 이 컴포넌트를 소개합니다:

모바일 메뉴가 화면의 왼쪽 상단에 나타나는 것은 한 손으로 조작하기가 쉽지 않기 때문에, 이는 독립적인 테마 컴포넌트로 제공됩니다. 옵션이 있잖아요?

:hammer_and_wrench: 레포지토리 discourse-left-menu
:question: 설치 가이드 테마 또는 테마 컴포넌트 설치 방법
:open_book: 디스커스 테마 초보이신가요? 디스커스 테마 사용 입문 가이드
39개의 좋아요

정말 좋습니다. 메뉴 아이콘이 왼쪽에 있을 때 로고가 바 중앙에 오도록 구성 요소를 확장하고 옵션을 추가할 수 있을까요? UX 관점에서 가장 논리적인 방식이라고 생각합니다.

4개의 좋아요

네, 로고를 더 가운데에 위치시킬 수 있도록 테마 옵션을 추가했습니다. 즐기세요! :slight_smile:

Screenshot from 2020-09-21 09-56-45

9개의 좋아요

데스크톱 버전에도 이 기능을 커스터마이즈할 수 있을까요?

테마 컴포넌트 감사합니다 @featheredtoast

1개의 좋아요

이 특정 테마 컴포넌트에서는 데스크톱을 범위에서 제외하는 것이 적절하다고 생각합니다.

데스크톱에서도 유사한 작업을 수행할 수 있습니다. 만약 여기서 데스크톱을 위해 제가 사용한 동일한 기법을 적용하여 요소를 재배치하려는 경우, 이미 하고 싶은 작업이 있다면 별도의 테마에서 구현하는 것이 그리 어렵지 않을 것입니다.

2개의 좋아요

답장 주셔서 감사합니다 :slight_smile: 직접 만들 기술은 부족하지만, 아마 스스로 배워야 할 것 같네요 :wink:

태블릿에서만 활성화할 수 있나요? 그 UX가 태블릿에는 정말 잘 맞지만, 모바일에는 그렇지 않은 것 같습니다. (많은 사람들이 스마트폰을 한 손으로 사용하거든요.)

최근 이 컴포넌트에 버그가 있어서 활성화하면 모든 정렬이 어긋나는데, 어떻게 수정할 수 있을까요?
image

1개의 좋아요

이 방법은 작동하지 않습니다. 데스크톱에서 햄버거 버튼이 이미 왼쪽 상단에 위치해 있으므로, 코어 코드에서 모바일 UI에서도 동일한 위치로 설정할 수 있을까요? 만약 불가능하다면, 이러한 디자인 통일성을 방해하는 이유가 무엇인지 알려 주시겠습니까?

1개의 좋아요

이 테마 컴포넌트가 현재 작동하지 않는다는 보고가 몇 건 있어, broken 태그를 추가했습니다. :+1:

1개의 좋아요

OP에서 언급했듯이:

모바일에서는 한 손으로 사용하기 쉽도록 메뉴가 같은 쪽에 위치합니다.

확실히 놓치고 있던 부분을 짚어주셔서 감사합니다. 이해합니다. 그런데 설정 가능하도록 할 수 있을까요?
일부 사용자는 상대적으로 작은 화면 크기의 모바일 폰(예: Pixel 7)을 사용하므로 도달성(reachability) 문제가 없을 수 있습니다. 왼쪽에서 메뉴가 팝업되는 것은 매우 비자연스럽습니다. 만약 꼭 모서리에 무언가를 표시해야 한다면, 현재 홈페이지로 연결되는 사이트 로고인 메뉴 버튼으로 설정할 수는 없을까요?

이것이 언제/수정될지에 대한 소식은 있나요?

지연된 점 사과드립니다. @benji 님이 이에 대한 수정을 제출했으니, 추가 문제가 있으면 알려주세요.

2개의 좋아요

@featheredtoast님과 @benji님, 정말 감사합니다!

방금 시도해 봤는데, 불행히도 제가 설치해 둔 다른 테마 컴포넌트와 잘 안 맞는 것 같습니다:

스크린샷을 확인해 주세요 (채팅 아이콘이 2번째 줄로 이동했습니다):

“모바일 왼쪽 햄버거 메뉴” 테마 컴포넌트를 비활성화했을 때의 모습은 다음과 같습니다:

도움이 되길 바랍니다!

2개의 좋아요

매우 도움이 됩니다. 감사합니다! 오늘 업무는 거의 끝났지만, 월요일에 이 문제를 확인해 보려고 메모를 남겨둘 겁니다. 무슨 일이 일어나고 있는지 대략 파악하고 있습니다.

3개의 좋아요

좋은 월요일 보내세요, @Robin.Grant님! “왼쪽” 테마 업데이트를 다운로드한 후에 이 스크린샷을 찍으셨는지 확인하고 싶었습니다. 지금 로컬에서 이 문제를 재현해 보고 있습니다.

1개의 좋아요

맞아요 - 100%

1개의 좋아요

이 문제를 수정하는 패치를 적용했습니다. @benji 님, 정말 감사합니다.

@Robin.Grant 님, 한번 테스트해 보세요.

3개의 좋아요