FKB Pro - 소셜 테마

@Don 잠깐만요, 모바일에서 버튼들이 이렇게 빽빽하지 않도록 조정할 좋은 방법이 있을까요?

현재 상태가 좀 지저분해 보입니다. “답장” 버튼을 “2/2” 영역/렌치 아이콘 옆으로 옮기고, “추적” 버튼을 “토픽 컨트롤” 옆으로 옮기는 건 어떨까요? 좀 더 깔끔해질 것 같습니다.

또한, Discourse Topic List Author 컴포넌트 때문에 하단의 작은 박스가 어떤 이유인지 모르겠지만 매우 넓어집니다. 이 문제를 피할 방법이 있을까요? 이 컴포넌트가 문제를 일으키는 원인이라는 걸 알아내느라 정말 오랜 시간이 걸렸네요, 하하.

여기서 몇 가지 조정을 했습니다:

기본 테마도 동일한 정렬 방식을 사용하는 것 같습니다. :thinking: 이 부분을 변경해야 한다고 생각하지 않습니다. 어쨌든 사용자들은 렌치 버튼을 가지고 있지 않습니다.

Topic List Author 테마 컴포넌트가 이 테마와 호환되지 않는다고 생각합니다. FKB 테마와 Topic List Author 모두 토픽 목록 항목 템플릿을 오버라이드하고 있기 때문입니다.

1개의 좋아요

정말 고마워요! 잠시 후 이 내용들을 확인해볼게요. 그런데 간단한 질문이 하나 있어요:
GitHub에서 이 테마를 포크(fork)한 경우, 테마를 업데이트하는 올바른 방법은 무엇인가요?

정리하면, 포크를 한 뒤 로컬에서 제대로 수정하고 GitHub에 업데이트를 푸시한 다음, 사이트 관리자(Admin)의 테마 패널에서 테마를 업데이트하는 거예요. 그런데 로컬에서 제가 수정한 내용을 유지하면서 동시에 저희가 테마에 적용한 변경 사항도 포함하려면 어떻게 해야 하나요? 제 포크를 여러분의 변경 사항과 동기화하려고 하면 이런 오류가 나요:

그러면 제 변경 사항을 폐기(discard)하면 제가 한 모든 수정 사항이 사라지는 건가요? 제가 한 편집은 유지하면서 테마 코어에 대한 여러분의 변경 사항도 받고 싶어요.

수정: 여러분의 최신 편집으로 테마를 업데이트했어요. 이제 추적 영역(Tracking area)/아이콘이 화면 왼쪽으로 조정된 것 같고, “2/2” 페이지 영역이 둥글게 처리된 것 같아요. 이게 맞나요? 모바일에서는 좀 더 나아 보이긴 하지만, 일반 사용자 계정에서도 여전히 페이지 번호 옆에 모바일 화면에서 어색한 빈 공간이 남아 있어요.

7시간 후 수정: 그래서 이 테마에는 색상 스킴에서 "선택됨(selected)"과 “호버(hover)” 옵션이 없는 건가요? 마지막 두 개인 선택됨과 호버를 제외한 모든 색상 옵션은 보이거든요.

헤이, @Don, 위에서 드린 답변에 추가로, 긴 게시물에 "더 보기…"가 표시되고 클릭하면 해당 토픽으로 진입하는 대신, 실제 토픽에 들어가지 않고 토픽의 전체 내용을 아래로 펼쳐서 표시할 수 있는 방법이 있을까요? 실제 Facebook이 그랬던 것처럼요.

17시간 후 수정: 또한, 메인 포럼 페이지의 댓글 버튼이 원본 게시물이나 최신 게시물이 아닌 바로 댓글 섹션으로 이동하도록 할 수 있는 방법이 있을까요?

네, 의도적으로 그렇게 설계되었습니다.

병합했습니다. :+1:

1개의 좋아요

안녕하세요 @Don

멋진 테마를 올려주셔서 감사합니다!
제 사이트에서는 현재 첫 번째 배지 스타일이 표시되고 있는데, 아래에 있는 세 번째 배지 스타일로 설정을 변경하는 방법이 궁금합니다.

1개의 좋아요

안녕하세요 :waving_hand:

감사합니다 :heart: 네, 카테고리 배지와 관련해서 코어에 일부 변경 사항이 있었습니다. 이 스타일을 변경할 수 있는 설정을 추가하겠습니다. :slightly_smiling_face:

1개의 좋아요

감사합니다.

그리고 다음 3가지 CSS 문제도 발견했습니다. 큰 문제는 아니지만요:

1) 데스크톱/태블릿에서는 검색 배너에 검색 바가 제대로 표시되지 않고, 모바일에서만 정상적으로 보입니다.

데스크톱:

모바일 (정상적으로 보입니다):

2) 모바일에서 문서(Docs) 뷰가 화면 오른쪽으로 넘칩니다:

3) 반응형으로 3열이 되면 카테고리 박스(하위 카테고리용)에서 단어가 잘립니다:

이 문제들도 함께 수정할 수 있는 방법이 있을까요?

1개의 좋아요

안녕하세요 @Clo :wave:

리포트 감사합니다. :slightly_smiling_face: 이 업데이트는 말씀해 주신 내용 대부분을 포함하고 있습니다.

카테고리 배지 스타일을 선택할 수 있는 새로운 설정이 포함되어 있습니다.
아직 바(bar) 스타일은 포함되어 있지 않습니다.

카테고리 배지 스타일

  • bullet (기본값)
  • box

또한 검색 바(Search Bar) 테마 컴포넌트에 대한 일부 지원을 추가하고 모바일에서 Docs 토픽 목록 보기 문제를 수정했습니다.


이것이 GitHub - discourse/discourse-minimal-category-boxes · GitHub 테마 컴포넌트 때문이라고 추측합니다. 하지만 재현이 되지 않습니다. :thinking: 더 자세히 설명해 주실 수 있을까요? 다른 테마, 예를 들어 기본 테마에서도 이런 현상이 일어나나요?

안녕하세요 @Don

감사합니다! 검색창과 카테고리가 이제 정말 잘 보입니다.

다만 모바일 뷰에서 문서(Docs) 부분의 패딩이 여전히 필요한 것 같습니다. 아래 이미지를 참고해 주세요:

텍스트가 여전히 화면 오른쪽을 벗어나고 있습니다.

그리고 카테고리 박스 관련해서, 이전에 사용했던 다른 테마나 기본 테마에서는 이런 문제가 발생하지 않았습니다. 이 테마에는 오른쪽에 사이드바가 있어서 다른 테마들과는 다르기 때문일까요? 그래서 이제 세 개의 열이 가운데 공간에 끼어 들어가는 것 같습니다.

제가 사용하는 컴포넌트는 다음과 같습니다:

메인 카테고리 페이지에서도 동일한 문제가 발생합니다:

화면 크기에 따른 줄바꿈 시점이 너무 늦은 것 같아서, 박스가 텍스트보다 너무 작아지고 결국 텍스트가 잘리는 것처럼 보입니다.

포럼 URL을 공유해 주시거나, 개인 메시지로 보내 주시겠어요? 그러면 이 부분을 더 쉽게 확인할 수 있을 것 같아요. :slightly_smiling_face:

안녕하세요, @Don. 질문이 하나 있습니다. 다크 모드 와 라이트 모드 모두에서 사이드바 색상을 변경하는 방법은 무엇인가요?

변경하려는 배경 하이라이트 색상은 다음과 같이 나열되어 있습니다:

--d-sidebar-highlight-background:
var(--primary-low);

하지만 GitHub 저장소에서 "highlight-background"를 찾을 수 없습니다. 로컬에서는 어떻게 변경하는지 알고 있지만, 예를 들어 var(--primary-low);를 #000000;으로 변경하면 두 모드 모두에 영향을 미칩니다. 각 모드마다 다른 색상을 사용하려면 어떻게 해야 하나요? 참고: 이 변경 사항은 여기 하단 영역에도 영향을 미치며, 이 부분도 모드별로 다르게 설정해야 합니다:

또한, 메인 포럼 페이지의 댓글 버튼이 원본 게시물이나 최신 게시물을 선택하는 대신 바로 댓글로 이동하도록 하는 방법이 있을까요?

제 화면은 이렇게 보이며, 박스 테두리에 붙어 있지 않습니다. 제 화면을 이렇게 보이게 하려면 어떻게 해야 하나요?
gggg

감사합니다!

안녕하세요, @Don. 최근 테마 업데이트 중 하나가 설치 과정을 깨뜨린 건가요? 어제 우연히 가지고 있던 내보내기 파일은 정상적으로 업로드되는데, 최신 버전으로 포크를 해서 .zip 파일로 설치하거나 GitHub 저장소에서 설치하려고 하면 500 에러가 발생합니다.

로그에는 다음과 같은 내용이 표시됩니다:

Failed to process hijacked response correctly : ActiveRecord::RecordNotUnique : PG::UniqueViolation: ERROR: duplicate key value violates unique constraint “theme_field_unique_index”
DETAIL: Key (theme_id, target_id, type_id, name)=(50, 5, 1, common/fkb-c-alternative-voting-category) already exists.

테마를 가져오기(import)를 시도할 때마다 theme_id가 1씩 증가하므로, 적어도 theme_id 문제는 아닌 것 같습니다…

안녕하세요 :wave:

이것이 여러분의 포크인가요? https://github.com/GitHubQueenn/fkb-pro-theme2

scss 폴더의 파일들을 중복시킨 stylesheets 폴더를 생성한 것 같습니다. 파일이 중복되어 두 폴더 모두에서 가져오기를 시도하기 때문에 문제가 발생합니다. 스타일을 변경하려면 새로운 테마 컴포넌트를 생성하거나 scss 폴더에서 변경하거나, 폴더 이름으로 stylesheets를 사용해도 되지만, 두 가지를 동시에 사용해서는 안 됩니다. 메인 저장소에서 사용되고 있으므로 scss를 유지하는 것이 좋습니다.

안녕하세요, 이게 어떻게 일어나는 건지 잘 모르겠습니다. 테마를 백업할 때 생성된 모든 백업에 “stylesheets” 폴더가 있는데, 제가 직접 만든 적이 없습니다. 이 폴더는 이런 모습이고, 안의 파일들을 꽤 많이 수정했습니다.

삭제하라는 말씀이신가요?

네, 이게 관리자에서 내보내기 때문에 그런 거죠? 이 폴더에 수정 사항이 들어 있는 것 같습니다. 어떤 버전인지 정확히 모르겠는데, 최근 며칠 동안 몇 가지 변경 사항을 넣었습니다. 하지만 이 파일들을 scss 폴더에 업로드하면 됩니다.

1개의 좋아요

감사합니다! 이 부분을 이동하고 카테고리 이름을 완전히 제거할 수 있을까요?

6시간 후 수정: 또한 모든 .scss 파일을 하나의 큰 파일로 합치면 테마가 정상적으로 작동할까요? 사이트를 최대한 최적화하려고 노력하고 있는데, 일부 성능 테스트 사이트에서는 주로 테마에서 오는 css 및 js 파일이 너무 많이 로드된다고 합니다. 파일 수를 줄이고 내용을 하나로 통합하라고 권장했습니다.

discourse-tab-bar-theme와 충돌이 발생하므로, 사용자 정의 버튼 높이를 추가하는 것이 권장됩니다

이 플러그인이 정말 인상적입니다.

피드에 게시물을 보려면 친구 요청을 수락해야 하는 ‘친구’ 개념을 가진 플러그인이 있을까요?

Discourse Follow 이 있습니다.