해결됨 필터 드롭다운 표시 문제

기여 UX
1

solutions.scss에 display 항목이 누락된 것으로 보입니다.

.select-kit은 display: inline-block;로 설정되어 있으며, 이로 인해 .select-kit.solved-status-filter도 동일한 스타일을 유지합니다. 그 결과 필터 박스가 다른 필터 박스와 달리 다르게 표시됩니다.

해당 요소에 대해 display: flex;로 임시로 오버라이드했습니다. 수정 사항을 PR로 제출하고 싶지만, 제출 방식을 알려주는 정보가 거의 없어서 그러지 못했습니다.

참고로, 다른 필터들은 휴지 상태(기본 상태)에서 오른쪽 화살표를 사용하는 반면, 이 필터는 아래쪽 화살표를 사용하고 있습니다.

Screenshot_2021-02-12 Latest topics - Pi-hole Userspace

2개의 좋아요
2

해당 문제를 보고해 주셔서 감사합니다! 최신 Discourse 코드가 실행 중인 로컬 개발 버전의 Discourse에서 해당 문제를 재현할 수 있었으므로, 아직 문제가 수정되지 않은 것으로 보입니다.

문제를 추적하기 위해 해당 게시물을 UX 카테고리의 새 주제로 이동했습니다.

4개의 좋아요
4

여기 수정안이 준비되어 있습니다:

다음 주에 업데이트하면 사용할 수 있을 것입니다. 이제 병합되어 사용 가능합니다.

그동안 바로 수정하고 싶으시다면 사이트 테마에 이 CSS를 추가할 수 있습니다:

.select-kit {
  &.solved-status-filter {
    margin-bottom: var(--nav-space); // core variable
    .select-kit-header {
      margin: 0;
    }
  }
}
4개의 좋아요
5

여러 곳에서 프로퍼티 값에 변수를 사용하는 셀렉터가 $var 형식에서 --var 형식으로 바뀌는 것을 확인했습니다. 이 것이 프레임워크 변경 사항이며, 어디에 문서화되어 있나요?

1개의 좋아요
6

색상에 대해서는 SCSS 변수 대신 CSS 커스텀 프로퍼티를 사용하여 다크 모드를 지원하도록 변경했습니다. 자세한 내용은 여기에서 확인할 수 있습니다: Update themes and plugins to support automatic dark mode

가능한 한 다른 곳에서도 새 sass 변수를 추가하는 대신 커스텀 프로퍼티를 사용해 왔으며, 각 방법에는 장단점이 있습니다.

4개의 좋아요