밀도 토글 컴포넌트

[jordan.vidrine]

	요약	보기 밀도 변경
	저장소	GitHub - discourse/density-toggle: This theme component allows users to set the density of their view of a Discourse forum. It includes default, cozy, and compact. · GitHub
	설치 가이드	테마 또는 테마 컴포넌트 설치 방법
	디스코ourse 테마를 처음 사용하시나요?	디스코ourse 테마 사용 입문가 가이드

이 테마 컴포넌트 설치

이 테마 컴포넌트는 사용자가 디스코ourse 포럼의 보기 밀도를 설정할 수 있게 해줍니다. 기본, 여유, 컴팩트 모드를 포함합니다.

[Arkshine]

Awesome work, as usual, Jordan!

I noticed on iPadOS 18.1.1 that the menu doesn’t appear when clicking on the button in the sidebar. I do see the button focused, but nothing pops up. If I switch to desktop mode, it works.

EDIT: Actually, as long you are in mobile view.

It seems to be z-index issue:

Another minor UX issue: The current density value is not selected by default the first time you visit the preferences. (On a side note, the labels don’t seem localized.)
Edit: I think it’s more related to the value that has not yet been saved to the browser storage.

I can see in the code that it’s ready to change the font, but I don’t see any interface for it. I assume this will be implemented later?

[Canapin (Coin-coin le Canapin)]

A few remarks when using compact:

Avatar’s flair keeps the regular size, which looks weird, and they overlap posts’ content.

Suggested and Related buttons at the end of a topic overlap the topics list below.

User preferences have a font size setting.
I don’t think the compact view should alter the global font size at all. They should remain separate settings.

The topic map container doesn’t use 100% of the width. It should normally reach the right side.

Same with the footer buttons.

In the regular layout, .topic-meta-data, which contains the date, has a right padding that aligns the date with reply buttons:

This is not the case with the compact layout:

The absence of the horizontal line that separates posts in the regular layout makes the post list right side look weird. The dates and reply buttons are too close to each other. Each button and the date below look like they’re parts of the same post, but they actually belong to different posts.

[jordan.vidrine]

@Arkshine

I can see in the code that it’s ready to change the font, but I don’t see any interface for it. I assume this will be implemented later?

Yes, it’s all written and works properly, but I didnt want to introduce it just yet.

thanks for your other reports. I will look into them

[tvavrda (Tomas Vavrda)]

The Install this theme component button here is not configured properly as it results in this:

… and it fails with this message

An error occurred: Error cloning git repository, access is denied or repository is not found.

It expects only the URL (without the markdown part)

[jordan.vidrine]

Thanks for reporting, this is fixed.

[tvavrda (Tomas Vavrda)]

Hi again. Just tried the compact view together with Enhanced (AI summaries) view selected. The result is not likable. I guess the combination doesn’t make much sense but it’s possible to select it.

[tvavrda (Tomas Vavrda)]

A small observation. In compact mode if there is a flair, it goes over the post’s text.

[jordan.vidrine]

Thanks for the reports Thomas, I will take a look.

[Canapin (Coin-coin le Canapin)]

It’s the first thing I mentioned in my reply

I’d be interested in hearing opinions about whether a compact view should alter the font size when a dedicated setting is already available.

It’s not a big deal obviousy as I won’t jump from a density setting to another twice a day… Being curious more than anything here.

I had a quick look at a few software that offers various density modes. I compact mode,

• Discord and Google Gmail/Calendar don’t change the font size.
  I believe Slack doesn’t too (I didn’t try, just looked at screenshots)

• Microsoft Outlook reduces the font size from 14px to 12px.

[jordan.vidrine]

It’s a good question Canapin.

While creating the component I tried a couple different scenarios and decreasing the font size always felt like the best option.

[twofoursixeight]

Cozy(코지)

여기서 언급할 내용인지 확신은 없지만, Cozy 밀도 모드에서 주제를 구분하는 간격이 일반 밀도와 컴팩트 밀도에 비해 줄바꿈 처리가 조금 일관되지 않아 보입니다.

Discourse 스톡파일의 다른 밀도 설정

default(기본)

compact(컴팩트)

[patrickemin]

안녕하세요. FOUNDATION 테마에 해당 TC를 활성화했는데, PC에서는 TC 설정을 볼 수 있습니다(좌측 하단 사이드 메뉴). 하지만 모바일로 해당 테마를 사용할 때 TC 설정이 보이지 않습니다. 혹시 원인을 아시는 분 계신가요? 감사합니다.

업데이트: 방금 내 설정에서 찾았네요… (그런데 좌측 하단 사이드 메뉴에는 안 보였는데?)

[jordan.vidrine]

모바일에서는 사용을 최소화하기 위해 숨겨져 있습니다. 하지만 정말로 접근이 필요하시다면 사용자 설정에서 해당 옵션을 찾으실 수 있습니다.