디스코러스 커스텀 폭

:information_source: 요약 Discourse 포럼의 너비를 사용자 지정으로 설정합니다
:eyeglasses: 미리보기 Theme Creator (너비 1400px)
:hammer_and_wrench: 저장소 GitHub - Canapin/Discourse-custom-width: Set a custom width for your Discourse site. · GitHub
:question: 설치 가이드 테마 또는 테마 컴포넌트 설치 방법
:open_book: Discourse 테마 초보이신가요? Discourse 테마 사용 입문 가이드

이 테마 컴포넌트 설치

이 매우 간단한 테마 컴포넌트는 포럼의 너비를 정의하는 단일 설정만 있습니다.

너비는 창 너비를 초과할 수 없으며, Discourse 기본 최대 너비인 1110px보다 작을 수도 없습니다.

너비 1400px 예시:

7개의 좋아요

안녕하세요!

왜 고정 폭을 px로만 사용할까요?

제 CSS에는 다음과 같은 코드가 있습니다:

:root {
	--d-max-width: 80%;
}

.topic-body {
	width: 90%;
}

#reply-control {
    max-width: 80%;
}

.body-page {
    width: 100%;
    max-width: 100%;
}
3개의 좋아요

다른 유닛을 허용하는 좋은 아이디어입니다. 하지만 이 경우, 레이아웃을 깨뜨릴 정도로 값이 너무 낮아지는 것을 사용자가 설정하지 못하도록 막는 방법을 알지 못하겠습니다.

어떤 아이디어나 PR이든 환영합니다 :slight_smile:

3개의 좋아요

이 테마 컴포넌트가 라이트 풀-위드 테마와 어떤 형태로든 관련이 있나요?

정말 좋은 질문이지만, 저는 사용자를 믿어야 한다고 생각합니다.

저라면 값을 유닛과 분리하고, CSS 안에서 px인지 %인지에 따라 "if-else 쿼리"를 만들고, 그 안에 또 다른 if를 넣어 값이 너무 작은지 확인하겠습니다.

if px
   if value < 1100px
     set value 1100
   else 
     set value to variable
else if %
   if value < 50 %
     set value 50%
   else 
     set value to variable

솔직히 현재 이것이 CSS 파일에서 가능한지 모르겠습니다.

2개의 좋아요

그렇지 않아요. 이 테마에 대한 링크가 있으신가요? 찾지 못했어요 :thinking:

2개의 좋아요

"가벼운 전체 폭"도 있으면 좋겠습니다.

@team 중 누군가가 해당 CSS를 공개해 주실 수 있을까요?

2개의 좋아요

저도 찾을 수 없어요. 이 테마가 이 포럼 전용인 것 같습니다.

1개의 좋아요

말씀하신 테마를 확인했습니다. 네, 서로 비슷해 보이네요. 또한 콘텐츠 폭을 설정할 수 있는 옵션도 추가할 수 있습니다.

테마 구성 요소를 더 독특하게 만들려면 사용자 설정에서 필드를 설정하여 각자가 원하는 폭을 지정할 수 있도록 할 수 있습니다.

2개의 좋아요

저도 그 답을 찾아보고 있었어요!

@sam @Falco 밝고 어두운 전체 폭 테마를 어떻게 설정하는지 정보가 어디에 있는지 혹시 아시나요? :innocent:

1개의 좋아요

여기가 전체 폭 테마 저장소인 것 같습니다: GitHub - discourse/discourse-full-width-component: Make Discourse occupy the full browser width · GitHub

5개의 좋아요

Op 게시물에서도 동일한 문제를 발견했습니다. Multilingual 플러그인 링크가 깨진 것 같습니다.

1개의 좋아요