사이드바 간격이 변경되었나요?

So after latest update, my sidebar margins and padding seem off now on my sites and I feel like I now have to custom re-adjust them because the spacing is cramped. what was the rationale for the recent changes? is there a topic discussing these changes somewhere?

https://github.com/discourse/discourse/commit/188bf1b27a85d68f827d9c9ce88e43c24f899d71

5개의 좋아요

Not sure, but I think this recent fix is in the queue to address at least a part of this:

https://github.com/discourse/discourse/pull/37045

3개의 좋아요

i think that fix is for the review queue pending indicator

2개의 좋아요

@jordan.vidrine take a look and weigh in here when your week begins.

1개의 좋아요

i’ve already made a fix for my sites by reverting some of the changed variables, so it’s fine. it is just nice to have a bit of a warning or information beforehand. i thought i had introduced some unwanted changes while working on something unrelated and couldn’t figure out how, then i realized there were some different variables in the sidebar classes.

1개의 좋아요

Especially in large sections, I don’t like the reduced spacing that much. The doc sidebar now looks much more squished than before.


The lock symbol is now very close to the category badge, so for me, it’s more difficult to see it.


And I miss the larger avatars in the DM section

3개의 좋아요

This was about utilizing space more efficiently with a peer review of designers from the team. We utilized variables so anyone preferring something different can easily adjust as they see fit.

This is good feedback lilly. With our new “upcoming changes” feature we can do this easily. That said, it’s hard to balance what is a large enough change to warrant the addition of this. This type of change is a bit subjective so I opted to skip the “upcoming changes” aspect.

We didn’t adjust any heights or vertical spacing here so this could be a subjective feeling rather than an objective fact.


Thanks for reporting, I can take a look.

Hmm. My screenshot from November shows 13.5 links in the sidebar (2 of them needing 2 lines). Now there are 17. How does this work when the height didn’t change?

When I put them next to each other it really looks like the vertical spacing changed :woman_shrugging:

2개의 좋아요

Oh i see this is the case, thanks for the screenshots. It seems docs styling has some different applications to it than the rest of the forum.

yes i did notice that afterwards when i started looking at the new code a bit more and understood what was going on (the calc’d variables show up as values in the console). i did re-adjust again. thanks.

2개의 좋아요

여러 줄이 필요한 문서 카테고리 링크들이 이제 서로 매우 가깝게 배치되어 있는 것을 발견했습니다.

3개의 좋아요

이 문제는 수정되었습니다. 테마-컴포넌트 업데이트 후 작동해야 합니다.

죄송합니다, 이해가 되지 않습니다. 무엇이 수정되었고, 수정에 어떤 테마 컴포넌트가 관여하나요?

사이드바의 채팅 섹션에서 잠금 아이콘과 아바타의 크기는 변하지 않은 것 같습니다.
문서 사이드바의 링크가 이제 한 줄 이후에 잘려 정보가 일부 가려져 있습니다. 말씀하시는 변경 사항이 이것인가요? 왜 수정 사항이 플러그인에 포함되지 않고 테마 컴포넌트를 업데이트해야 하나요?

표현을 잘못해서 죄송합니다.

Categories Docs가 수정 사항이 적용된 플러그인입니다. 그리고 수정 사항은 3줄이 아니라 1줄로 줄을 고정(clamping)하도록 한 것이었습니다.

그렇다면 지금은 그 이상을 표시할 방법이 전혀 없는 건가요? 예를 들어, 여기 Meta의 번역된 가이드 섹션에서는 사이드바에 언어가 표시되어 꽤 유용했습니다. 이제 대부분의 주제에서 언어를 쉽게 확인할 수 없게 되었습니다.

2개의 좋아요

이 부분은 변경할 수 있습니다. 줄 제한(line clamp)을 사용하는 대신, 텍스트가 줄바꿈되도록 허용할 수 있죠. 이렇게 하면 다음과 같은 모습이 될 수 있습니다:

다만, 이 방식에 대해서는 큰 팬은 아닙니다. @chapoi / @awesomerobot 여러분은 어떻게 생각하시나요?

2개의 좋아요

그것이 미끄러운 비탈길로 이어질 수 있다고 생각합니다. 3~4줄까지 늘어나면 어떻게 되나요?

1개의 좋아요

그럼 3~4줄이 필요하죠. 그게 왜 문제가 되나요? 하지만 아이콘이 첫 줄과 같은 줄에 있지 않으면… 제 눈에는 별로 예쁘지 않거든요.

1개의 좋아요

그냥 보기 안 좋을 뿐입니다. 제 조언은 더 짧은 제목을 쓰라는 겁니다.

2개의 좋아요

네, 최소 2줄, 혹은 3줄 정도는 허용하는 것이 좋을 것 같습니다. 일반적으로 목차는 링크 목록보다 텍스트가 더 많거든요.

다만, 이렇게 하면 아이콘 정렬이 약간 어색해질 수 있습니다. 하지만 어차피 목차에서 같은 아이콘을 계속 반복해서 사용할 필요는 없을 것 같고, 그렇게 하면 공간도 절약할 수 있을 거예요.

3개의 좋아요