오늘 플러그인을 업데이트하기 전과 매우 비슷해 보입니다.
두 줄이 나란히 필요한 두 개의 링크가 있는 경우, 당신의 예시는 어떻게 보입니까? 더 긴 제목을 가진 항목이 많기 때문에 스크린샷에는 #community-wiki:administrators를 사용했습니다.
이 스크린샷에는 약간의 여백이 더 있습니다. 텍스트 한 줄보다 높은 행에 대해 동적으로 블록 패딩을 추가해야 하는데, 이는 시간 대비 효율이 좋지 않다고 생각합니다.
line-clamp: 1을 적용한 또 다른 보기입니다. 아이콘은 상당히 불필요하므로 제거했습니다.
마지막으로, 아이콘을 제거하고 글꼴 크기를 줄인 예시입니다. 이 방식이 다소 마음에 들지만, 텍스트에 더 많은 공간을 주기 위해 아이콘만 제거하는 것도 괜찮다고 생각합니다.
1개의 좋아요
아이콘 없이 정렬하면 꽤나 보기 싫고, 다른 사이드바에서 사용하는 패턴을 깨뜨립니다.
1개의 좋아요
네, 이 부분을 특수한 경우로 처리하는 것은 장기적으로 해가 될 것이라고 생각합니다. 당분간은 line-clamp를 유지한 채로 그대로 두겠습니다. 긴 제목을 정말로 원하는 사이트의 경우, 다음을 타겟으로 삼아 clamp를 변경하는 것이 쉬울 것입니다:
.discourse-docs-sidebar-panel .sidebar-section-link-wrapper .sidebar-section-link-content-text {
-webkit-line-clamp: _;
}
1개의 좋아요