Discourse Tab Bar for Mobile

안녕하세요, 탭 URL에 비 ASCII 문자를 지원하도록 추가하는 PR을 만들었습니다. 메인 브랜치에 병합할 수 있는지 확인해 주시겠어요?

7개의 좋아요

네, PR이 병합되었습니다! @th21님 감사합니다!

6개의 좋아요

병합 가능한지 확실하지 않아서 포크를 만들고, 로그인하지 않은 사용자에게 탭을 표시하기 위한 추가 설정을 추가했습니다.

6개의 좋아요

탭 바에 뒤로 가기(BACK) 버튼을 추가할 수 있을까요? 아마도 간단한 자바스크립트 코드나 그런 걸로요. Discourse Hub 앱의 iOS 탭 바에서는 메인 Discourse 선택 페이지로 돌아가는 것을 막고 있습니다.

5개의 좋아요

@Osama 그들과의 백/포워드를 추가하는 방법에 대한 아이디어가 있으신가요? 감사합니다.

3개의 좋아요

@miss @MarcP 해당 컴포넌트가 관리자가 각 탭을 커스터마이징할 수 있도록 허용하고 있으므로, 특정 탭을 하드코딩하여 뒤로/앞으로 내비게이션을 수행할 수 없습니다. 따라서 테마 설정을 통해 관리자가 어떤 탭을 뒤로 또는 앞으로 버튼으로 사용할지 결정할 수 있는 방법을 마련해야 합니다. 이는 컴포넌트에 추가되어야 할 새로운 기능이며, 이에 대한 PR을 기꺼이 받아들일 준비가 되어 있습니다. 이 작업에 관심이 있으시다면 시작하기 전에 제게 DM을 보내 주세요.

5개의 좋아요

안녕하세요, 트리밍되지 않은 URL이 탭 대상 설정과 매칭될 수 있도록 옵션을 추가하는 PR을 하나 더 올렸습니다.

예를 들어, 옵션이 켜져 있을 경우 /latest?order=created와 /latest는 서로 다른 탭으로 취급되며 클릭 시 아이콘 색상이 변경됩니다.

확인해 주시고 병합이 가능한지 알려주시면 감사하겠습니다. 미리 감사합니다. :grinning:

4개의 좋아요

정말 마음에 들어요!

다만 Discourse Hub UI를 가리고 있는데, 이 부분 수정할 수 있을까요?

2개의 좋아요

안녕하세요, 이 테마 컴포넌트를 제공해 주셔서 감사합니다. 현재 제 웹사이트 https://businesslab.vn 에서 이 컴포넌트를 사용하고 있습니다. 최근 이 테마 컴포넌트 안에 "햄버거 메뉴 토글"과 "현재 사용자 헤더 드롭다운 토글"을 통합하는 아이디어가 떠올랐습니다. 이렇게 하면 헤더의 표시 공간이 더 미니멀해지고, 한 손 조작만으로도 탭 바(귀하의 테마 컴포넌트)로 내비게이션을 수행할 수 있을 것입니다. 이 제안에 관심을 가져 주시기를 바랍니다.
image
image

1개의 좋아요

안녕하세요, 이 컴포넌트가 정말 훌륭해요! 만들어주셔서 축하드립니다! 이 컴포넌트가 현재 가장 최신 버전인가요? 아니면 더 현대적인 컴포넌트가 있나요? 저는 이 포럼에 처음 온 사람입니다.

마지막 버튼에 특정 방식을 적용해서, 사용자가 버튼을 누르면 아이콘 또는 아이콘과 이름이 포함된 다른 버튼들이 나타나도록 해서 다른 옵션을 선택하게 할 수 있는 방법이 있을까요? 더 중요한 옵션들이 있어서 넣어야 했는데, 이런 방식이라면 완벽할 것 같습니다. 예를 들어

즉, 사용자가 아이콘을 클릭하면 클릭할 수 있는 다른 아이콘들이 나타나는 식입니다.

@th21 @osama

1개의 좋아요

탭바를 고정하려면 어떻게 해야 하나요? 아래로 스크롤하면 사라져서 항상 보이도록 하고 싶습니다!

버튼 중 하나를 user-portfolio로 이동하게 하려고 시도했지만 성공하지 못했습니다.

이게 가능한가요?

수정: 해결했습니다…

my/activity/portfolio
1개의 좋아요

채팅 상자에서 탭 바가 넘치고 있습니다. 탭 바가 표시된 채로는 채팅을 할 수 없습니다.
수정해 주실 수 있을까요?

문제를 확인했습니다. 텍스트 입력 필드가 숨겨집니다.

1개의 좋아요

빠른 해결책은 채팅 작성창 아래에 여백을 추가하는 것입니다. 매우 아름답지는 않지만, 사용자가 입력 상자를 토글할 수 있어야 합니다.

또한 탭 바의 크기도 조정했으므로, 이 CSS를 사용하려는 경우 탭 바의 원래 높이를 사용해야 합니다(하지만 얼마였는지 기억이 나지 않습니다).

.chat-composer__wrapper {
    margin-bottom: 35px 
}
1개의 좋아요

이렇게 하면 동작은 하지만, 아래로 스크롤할 때 빈 공간이 남습니다.

(마진(margin-bottom)이 49px, 즉 탭 바 높이에 맞춰 녹화된 영상):

네, 말씀드렸듯이 아름답지는 않을 거예요.

1개의 좋아요

margin 대신 z-index를 확인해 보세요.
(사용자가 채팅 중 탭을 절대 사용하지 않는다고 가정합니다)
tab-bar의 z-index를 줄이면 더 보기 좋아집니다.

그래서 z-index 방식을 사용하지 않았고, 요소들이 겹쳐 보이는 것도 이상해 보입니다. 버그가 있는 것처럼 보이거든요.