사소한 문제: 주제 목록에서 새 메시지 표시가 단독으로 다음 줄에 표시될 수 있음

예시:

4개의 좋아요

여기에서 수정되었습니다:

3개의 좋아요

정말 확실합니까? :thinking:

image

2.9.0.beta2

(f9e1ba4f8f)

Chrome 데스크톱에서, 그리고 안전 모드에서도 동일합니다.

행(row) HTML 코드:

<div class="top-row">
    <!---->
    <a href="/t/nouveau-champagne-edition-1978/42061" role="heading" aria-level="2" class="title" data-topic-id="42061">Nouveau Champagne Edition 1978</a><!----><span id="ember309" class="topic-post-badges ember-view"><!---->  &nbsp;<a href="/t/nouveau-champagne-edition-1978/42061" title="nouveau sujet" class="badge badge-notification new-topic">nouveau</a>
</span>
  </div>

<a> CSS:

.topic-list-main-link a.title, .topic-list .main-link a.title, .latest-topic-list-item .main-link a.title {
    padding: 15px 0;
    word-break: break-word;
    color: var(--primary);
}

게시물 배지(post badge) CSS:

.topic-post-badges {
    white-space: nowrap;
    align-self: center;
    line-height: var(--line-height-medium);
}

또한 질문이 있습니다: 이 “nouveau”(“새로운”) 텍스트는 무엇입니까? DOM에는 존재하고 공간을 차지하지만, 스타일이나 속성이 전혀 적용되어 있지 않습니다:

1개의 좋아요

또한, 점의 모양은 토픽 줄에 따라 약간씩 다르게 보일 수 있습니다.

두 점은 완전히 동일한 CSS 속성을 가지고 있습니다. 두 점의 계산된 치수는 모두 5.219px입니다. 하지만 보이는 모양은 다릅니다:

이전에 올린 게시물에 첨부한 이미지에서는 더 높게 보입니다:
image

점의 '둥글기’는 브라우저 확대/축소 비율에 따라 달라집니다.
이 둥글기의 변화가 부동 소수점 숫자(치수 단위가 px가 아닌 em임)인 최종 반올림된(이 말은 말입니다) 너비와 높이 값 때문에 발생하는 것이라고 꽤 확신합니다. 모두 5px로 설정하면 문제가 사라집니다. 하지만 시각적 일관성을 위해 치수가 글꼴 크기 등과 관련되어 있어야 한다는 점은 이해하고 있습니다.

1개의 좋아요

제가 착각하는 게 아니라면, 고정 크기(또는 반올림된 계산 값)를 위해 dot CSS를 업데이트하신 것 같습니다. 여기에서도, 그리고 오늘 아침에 다시 구축한 제 포럼에서도 훨씬 더 좋아 보입니다. 좋습니다 :+1: