「더 보기」컨테이너에서 「추천」 또는 「관련」 선택 항목의 테두리가 아래 요소에 침범함

안녕하세요, 이 문제는 제 인스턴스에서 더 두드러지지만, 여기 Meta에서도 확인할 수 있습니다:

일단 다음과 같이 우회했습니다:

.more-topics__container .nav li .btn { /* 개인 메시지의 "관련" 및 "추천" 선택 테두리가 아래 요소로 침범하는 문제 */
    padding: 0em .65em;
}
2개의 좋아요

불행히도 메타 환경에서 이 문제를 재현할 수 없습니다.

여전히 문제가 발생합니까?

1개의 좋아요

안녕하세요, 이 문제를 확인해 주셔서 감사합니다. 네, 여전히 문제가 보입니다:

Chromium 사용 시:

Firefox 사용 시:

이 문제는 운영체제(OS) 레벨의 매우 구체적인 글꼴 크기 및/또는 글꼴 확대 설정과 관련이 있을 것으로 추정됩니다. 이 버그 보고서에서 비슷한 내용을 확인했습니다:

이 경우 “추천” 또는 “관련” 경계의 차이는, 줌 레벨과/또는 OS 텍스트 확대 값을 기본값으로 변경해도 차이가 없다는 점입니다.

음, 줌과 font-size를 조작해 보기도 했고, Firefox에서도 시도해 봤는데 아직 재현에 실패했어요…