카테고리 드롭다운이 긴 이름에서 잘리지 않음...

[Lilly (Lillian)]

카테고리 드롭다운 셀렉터의 표시 속성이 긴 카테고리 이름에서 줄바꿈이나 잘라내기(…)가 되지 않습니다.

[Arkshine]

같은 시각적 효과를 유지하기 위해 너비를 변경하지 않으면서, 여기에 생략호를 추가하는 것이 해결책이 될 수 있습니다:

.name > .badge-wrapper .badge-category {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

[Lilly (Lillian)]

감사합니다. CSS로 처리하려고 했었는데, 아직 시도조차 하지 못했어요. 직접 알아내려다 시간을 낭비할 뻔했는데, 정말 시간 절약이 됐네요! 잘하셨어요

[isaac (Isaac Janzen)]

@Lilly 안전 모드에서는 이런 문제가 발생하나요? 메타의 더 긴 카테고리를 확인해 보니 정상적으로 표시됩니다!

[Lilly (Lillian)]

안전 모드에서 발생하는 것을 확인했습니다

@isaac - 스크린샷을 추가했습니다

[Arkshine]

확인해 보지는 않았는데, 이미 CSS 코드가 있네요. 제 실수였습니다.

하지만 해당 코드는 불릿이 있는 카테고리 이름을 선택하는 것으로 보이는데, 릴리의 디스커스에는 불릿이 없습니다.

메타 사이트:

릴리:

[Lilly (Lillian)]

배지 래퍼에서 내 글리프를 제거했습니다. 하지만 당신의 코드는 정상적으로 작동했습니다.

카테고리 글리프에 대한 설정이 있다는 것은 알지만, 다른 테마에서 글리프가 어디에 표시되는지 세밀하게 제어하는 것을 선호합니다.

[isaac (Isaac Janzen)]

@Lilly

배지 래퍼에서 내 불릿을 제거했습니다.

이것이 문제의 원인이라고 생각하거나, 적어도 부정적인 영향을 미치고 있을 수 있습니다. 최신 버전의 Discourse에서는 다음과 같습니다:

@Lilly

하지만 당신의 코드는 잘 작동했습니다.

드롭다운 옵션이 이전에 잘렸던 적이 있나요?

[Lilly (Lillian)]

@isaac 배지 래퍼 숨김 코드와 @Arkshine님이 제공하신 생략호(…) 코드도 제거했고, 현재 admin-settings- category style을 none(배지 없음)으로 설정하여 안전 모드에서 실행 중입니다. 그런데도 여전히 위 안전 모드 스크린샷과 동일한 문제가 발생합니다. 안전 모드에서는 컴포넌트가 영향을 미치지 않아야 합니다.

[isaac (Isaac Janzen)]

@Lilly 감사합니다, 네, 이제 문제를 재현할 수 있습니다! 감사합니다!

[Lilly (Lillian)]

참고로, 이는 기능적 또는 치명적인 문제가 아니라 명확하게 UI 외관에만 영향을 미치는 문제이기 때문에 버그가 아닌 UX 섹션에 게시했습니다. 또한, 이는 매우 긴 카테고리 이름의 경우에 한해 해당되며, 이후 발견한 바로는 배지 래퍼의 불릿(점)에도 영향을 미칩니다.

[awesomerobot (Kris)]

여기서 수정되었습니다:

UX: long unsetyled category names need truncation (#21756)

[Lilly (Lillian)]

@awesomerobot 정말 최고야 고마워!