Custom Header Links (icons)

업그레이드 후 /admin/customize/themes 페이지에서 다음과 같은 오류 메시지가 표시됩니다:

Error: Undefined variable: "$add-whitespace". on line 14 of common.scss >> @if $add_whitespace == "true" { ----^

업데이트: 새로운 “whitespace” 상자를 선택했다가 해제했습니다(매번 저장). 그 후 오류가 사라졌습니다.

2개의 좋아요

보고서가 틀린 것은 아니지만, 심각도 평가가 약간 어긋나 있습니다. 이 링크들은 사용자 생성 콘텐츠가 아닙니다. 관리자만 관리자 대시보드를 통해 추가할 수 있습니다. 따라서 관리자로써 신뢰하지 않는 사이트를 링크하지 않을 것이라고 안전하다고 가정할 수 있습니다.

그럼에도 불구하고, 저는 David와 간단히 이야기해 보았고, 그는 외부 링크에 rel="noopener"을 추가하는 것이 좋다고 제안했습니다. 저는 여기에 해당 설정을 추가했습니다. 링크가 새 탭에서 열리도록 설정되어 있으면 자동으로 추가됩니다.

noreferrer에 관해서는,

주요 사이트로 링크를 걸고 커뮤니티에서 주요 사이트로 유입되는 사용자 수에 대한 분석 데이터를 얻고 싶을 수 있으므로, 이를 추가하지 않는 것이 더 유익하다고 생각합니다.

아직도 그런 상태인가요? 구성 요소 설정에 대한 스크린샷을 공유해 주실 수 있나요?

네, 저도 업데이트할 때 같은 현상을 봤습니다. 하지만 이는 새로운 변경 사항과 관련이 없습니다. 어딘가에서 새로운 설정이 컴파일러에 즉시 반영되지 않는 것 같습니다. 따라서 해당 설정을 체크했다가 해제해야 할 수 있습니다.

걱정 마세요. 제 테스트 결과에 따르면, 이 오류는 사이트에 전혀 영향을 미치지 않습니다.

5개의 좋아요

오늘 저희 사이트에서 테마 컴포넌트를 업그레이드해야 한다는 알림이 떴고, 업데이트 버튼을 클릭하여 바로 진행했습니다.
하지만 이제 다음과 같은 오류가 표시됩니다:
Error: Undefined variable: "$add-whitespace". on line 14 of common.scss >> @if $add_whitespace == "true" { ----^

이 문제를 겪었는데, 해당 상자를 체크했다가 다시 해제하니 해결되었습니다: Custom Header Links (icons) - #129 by Jonathan5

2개의 좋아요

리포트 감사합니다 @GuidoD

해당 문제를 인지하고 있습니다. 하지만 사이트에는 영향을 주지 않아야 합니다. 내부적으로 추적 중인 컴파일러 문제입니다.

사이트에서 문제가 발생하면 알려주세요. 발생해서는 안 됩니다.

2개의 좋아요

맞습니다, 추가적인 문제는 발견하지 못했습니다.
현재 사이트의 discourse를 재구축(rebuild)하고 있으며, 그 후 다시 확인하겠습니다. 에러가 여전히 남아있다면 Jonathans의 조언을 따르겠습니다.

재구축 후 에러가 사라졌습니다 :slight_smile:

2년 동안 사용해 온 훌륭한 테마 컴포넌트를 제공해 주셔서 감사합니다.

2개의 좋아요

안녕하세요, 저는 Discourse 2.8.0.beta1을 사용 중이며 이 테마 컴포넌트의 최신 버전으로 업데이트할 때 다음 오류 메시지가 발생합니다:

Error: Undefined variable: "$add-whitespace". on line 14 of common.scss >> @if $add_whitespace == "true" { ----^
2개의 좋아요

저도 같은 오류가 발생합니다. 2.7 안정판 버전입니다.

알겠습니다. 위에서 언급했듯이, 이것은 사이트에는 전혀 영향을 미치지 않습니다.

4개의 좋아요

이렇게 하면 작동한다는 것을 확인했습니다.

체크했다가 해제한 후 페이지를 다시 불러오세요

screenshot-vapingcommunity.co.uk-2021.06.07-13_48_21

안녕하세요, 이 플러그인 감사합니다.
FA-아이콘에 대해 몇 가지 관찰한 점이 있어 공유하고 싶습니다:
far- 아이콘 통합은 정상적으로 작동하는 것 같습니다. 하지만 fas- 아이콘은 작동하지 않습니다.

다음 아이콘을 시도해 보실 수 있습니다:

fas-building
vs.
far-building

이에 대해 어떤 생각이 있으신가요? fas- 아이콘에 비해 far- 아이콘은 매우 적습니다(디자인 관점은 차치하더라도), 따라서 이는 문제입니다…

어떤 아이콘을 사용할 수 있고, 어떤 이름을 사용해야 하는지 확인하려면 코드를 검색해야 할 것 같습니다(위 댓글 이후로 변경된 경우가 아니라면).

음, 테마-컴포넌트의 설명을 보면 클래스(brand, regular, solid)와 관계없이 모든 무료 FA5 아이콘을 사용할 수 있음을 시사합니다.

참고하신 코드를 확인해 보세요:

solid에 대한 if 문이 없습니다. 따라서 이렇게 읽어야 합니다:

when "solid"
  key = "fas-"

?

제가 볼 때, 그 주장은 항상 틀렸습니다.

네, 이 경우 테마-컴포넌트 설명에서 수정해야 하는 거겠죠?
하지만 실제로는 모든 far- 아이콘에서 작동하니까, fas-가 그냥 “놓친” 거라고 생각해요.

1개의 좋아요

제 지식의 한계는, 설명대로 작동하지 않는다는 점과, 코드를 보고 어떤 아이콘이 작동하는지 어떻게 알 수 있는지에 대한 것입니다 :slight_smile:

솔리드 아이콘의 변수 이름은 일반적으로 접두사 없이 구현되는 것 같습니다. 그냥 building을 시도해 보셨나요?

네, 물론이죠. 하지만 소용없었습니다.
fas-의 아주 작은 부분만 discourse와 함께 배포되는 것 같습니다.

제 환경에서는 정상적으로 작동합니다. 기본적으로 하위 집합이 포함되어 있습니다(/styleguide/atoms/icons에서 확인할 수 있습니다). 추가 아이콘은 관리자 설정이나 컴포넌트 자체에서 먼저 추가해야 하는데, 예를 들어 이 아이콘처럼요:

2개의 좋아요

저도 이걸 작동하게 만들었습니다 (SVG 아이콘과 테마 컴포넌트에 "building"을 사용했죠) – 아이콘의 고체 버전이 표시됩니다 :+1: 제 말을 되돌려야 할지도 모르겠네요 (아직도 거의 확신하는데, 몇 가지本该 작동해야 할 것들이 작동하지 않았던 것 같아서…)

2개의 좋아요