게시글에 프로필 헤드라인 표시하기

정보 감사합니다 :slight_smile:

UX에서 사용자명 우선순위 설정이 활성화되어 있다면, 사용자의 사용자명과 실명이 동일한 경우 각 게시물에 사용자명이 표시됩니다.
CSS만으로 사용자명을 숨기려고 하면 이전 요소에 접근할 수 없어 막히게 됩니다.

예를 들어, 두 개의 게시물이 다음과 같은 구조를 가진다고 가정해 보겠습니다:

  1. 사용자명

    • 게시물 내용
  2. 사용자명 실명

    • 게시물 내용

실명이 사용자명과 다른 사용자의 경우에만 사용자명을 숨기려면, 사용자명이 실명 앞에 표시되기 때문에 불가능합니다.

설명하기가 좀 복잡하네요 :sweat_smile:

따라서 CSS 전용 솔루션을 원하신다면 UX에서 사용자명 우선순위 설정을 비활성화하고 다음 CSS를 사용해야 합니다:

.names {
    .full-name +.username {
        display: none;
    }
}

이름 아래의 제목에 대해서는 이 업데이트된 CSS를 사용할 수 있습니다.

.topic-meta-data .names {
    flex-wrap: wrap;
    .user-title {
        width: 100%;
        order: 1;
    }
}

order: 1;는 사용자의 상태 이모지가 제목 옆에 오지 않고 실명 옆에 있도록 방지합니다:

이 모든 CSS를 조합하면 다음과 같은 결과가 나옵니다.

변경 전:

.topic-meta-data .names {
    flex-wrap: wrap;
    .full-name +.username {
        display: none;
    }
    .user-title {
        width: 100%;
        order: 1;
    }
}

변경 후: