FKB Pro - 소셜 테마

최신 업데이트를 확인해 보았지만, 카테고리 위치는 여전히 왼쪽에 있습니다.

@Don
안녕하세요,
‘FKB Pro - Social themed’ 테마에 ‘Custom embedded replies (theme-component)’를 적용했습니다. 데스크톱에서는 나쁘지 않은데, 모바일에서는 오른쪽 댓글 컬럼의 레이아웃이 꽤 좁고, ‘Jump to post’ 아이콘도 아래에 붙어 있습니다. 그 결과 왼쪽 공간이 꽤 넓어 보입니다. 왼쪽 컬럼 부분에 스레드와 사용자 아이콘을 최대한 왼쪽으로 배치하고, 레이아웃을 조정하여 댓글이 조금 더 넓게 보이도록 균형 잡을 계획이 있으신가요?

@Don FKB Pro와 Discourse Custom Wizard 간의 또 다른 작은 충돌을 발견했습니다

2개의 좋아요

@Drew-ART 감사합니다. 아웃라인 오버라이드를 제거했습니다. :+1: 테마를 업데이트하면 작동해야 합니다.

2개의 좋아요

테마에 사용자 정의 CSS를 추가하려면, '설정 편집기’가 기존 edit html/css 버튼을 대체하는 거라고 생각해도 될까요?

즉, @Don의 CSS가 끝나는 부분:

{
	"setting": "dark_btn_hover",
	"value": "rgba(var(--primary-rgb),.1)"
}
]

아래에 이런 식으로 계속 작성하면 될까요?

data-category-id='offers' [
  .discourse-kanban-list {
	 width: 50%;
     }
]

(카테고리 중 하나는 칸반 보드에 열이 두 개뿐인데, 각각 공간의 50%씩 더 넓게 만들고 싶어요)

우측 사이드바 컴포넌트를 “기본” FKB 패널과 함께 사용할 수 있나요? 즉, 상단 섹션은 FKB 패널이고, 그 아래에는 우측 사이드바 컴포넌트의 나머지 부분이 표시되도록 하는 것입니다.

또한, 사이드바가 닫혀 있을 때 오른쪽에 간격이 생기는 문제가 있습니다.

물론 사이드바가 표시될 때는 이 간격이 필요하지만, 숨겨져 있을 때는 필요하지 않습니다.

아마도 수정 방법은 다음과 같을 것입니다.

.fkb-panel-hidden .list-container .full-width { 
	gap: 0;
}
1개의 좋아요

계정 생성 모달에서 제3자 로그인 버튼이 제대로 정렬되지 않은 것을 확인할 수 있습니다. 모바일에서만 발생하며(텍스트 크기를 75%로 조정하면 다시 올바르게 정렬됨), 이것이 FKB PRO의 오류인지 궁금합니다.

로그인 모달에서는 정상적으로 보이며, 계정 생성 모달에서만 정렬이 어긋나 있습니다. 이 외에는 이 테마가 정말 아름답습니다. 감사합니다!

1개의 좋아요

안녕하세요 @Drew-ART, 지연된 점 죄송합니다.

설정 편집기를 사용하면 테마 설정을 변경할 때 동일한 작업을 수행할 수 있습니다. 즉, 이 경우 색상을 변경할 수 있습니다. 이러한 설정은 제한적입니다. 버튼 등에 더 큰 변경을 원한다면, 코드를 배치할 수 있는 새 컴포넌트를 생성하고 테마에 활성화해야 합니다.

칸반 CSS에는 익숙하지 않지만, data-category-id는 숫자여야 한다고 생각합니다.

아래와 같이 보입니다.

[data-category-id="your-category-id"] {
  .discourse-kanban-list {
    width: 50%;
  }
}

그리고 이 코드를 새 컴포넌트에 배치해야 합니다. 제가 여기서 보여드리는 것과 같이: FKB Pro - Social theme - #88 by Don


안녕하세요 @Fma965, 네, 기술적으로는 가능합니다. 현재 우측 사이드바 컴포넌트를 사용하면 기본 섹션이 숨겨지지만, CSS를 조금만 사용하면 두 가지를 함께 사용할 수 있다고 생각합니다.


안녕하세요 @thisisjoshjones, 감사합니다 :slightly_smiling_face: 네, 새로운 코어 모달 변경 사항에 맞춰 테마 CSS를 업데이트해야 할 것 같습니다. 이 문제를 수정하겠습니다.

CSS로 실험을 해보았지만, 제 테스트 결과 div가 비어 있어 가능하지 않은 것 같습니다.

@Fma965, FKB 패널 아래에 우측 사이드바 블록을 표시하도록 새로운 설정을 추가했습니다.

Screenshot 2023-12-22 at 14.04.05


또한 새로운 코어 변경 사항에 맞게 모달 클래스도 업데이트했습니다.

@thisisjoshjones Discourse를 최신 버전으로 업데이트하면 이 문제가 수정될 것이라고 생각합니다. 사용자의 Discourse 마지막 업데이트가 1개월 전(11월 18일)이었고, 이 모달 문제는 그 이후(11월 20일)에 수정되었습니다.

좋은 작업이네요, 감사합니다.

또 다른 발견한 점은 “After Header” HTML이 작동하지 않는다는 것입니다.

Dev Tools
image

HTML은 절대 추가되지 않으며, 프로파일러에는 표시되지만 실제 웹페이지 소스에는 표시되지 않습니다.

“After Header” 대신 Header로 이동시키면 표시되는데, 이는 테마 문제인가요, 아니면 다른 문제인가요?

이제 확인해 보았는데, After Header에서 내 환경에서는 정상적으로 작동합니다.

1개의 좋아요

음, 내 인스턴스에서는 다른 무언가가 간섭을 일으키고 있는 것 같네요. 큰 문제는 아닙니다. 감사합니다

수정: discourse-right-side-blocks 테마 구성 요소를 활성화하면 작동하지 않습니다.

네, 확인했습니다. 기본 테마에서도 재현할 수 있습니다. 아마도 우측 사이드바 블록(Right Sidebar Blocks) 테마 구성 요소와 관련된 문제일 것입니다.

2개의 좋아요

말씀이 맞았어요. 감사합니다!

1개의 좋아요

안녕하세요,

문제가 하나 있습니다. Discourse의 최신 버전 3.2.0.beta4-dev에서는 테마 패널에서 CSS/HTML을 편집할 수 있는 링크가 없습니다…

이 문제가 제 Discourse 버전에만 발생하는지, 아니면 이 최신 Discourse 버전을 새로 설치하거나 업데이트한 다른 사용자들도 같은 문제를 겪고 있는지 궁금합니다…

안녕하세요 @pzguillaume,

원격 테마를 편집할 수 없습니다. 이 기능은 이전부터 도입되었습니다.

4개의 좋아요

Ondrej의 답변을 보충하자면, 새로운 테마 컴포넌트를 생성하여 테마에 연결하고, 여기에 모든 사용자 정의 사항을 적용할 수 있습니다. :+1:

4개의 좋아요

@ondrej : 감사합니다. 저는 디스커스에 처음 온 사람이라 몰랐습니다…

@Arkshine : 이분도 감사합니다! 정말 많이 도와주셨어요! :clap: :blush:

2개의 좋아요