Показывать заголовок профиля в сообщениях

Спасибо за информацию :slight_smile:

Если у вас включена опция prioritize username in ux, то имена пользователей будут отображаться в каждом посте, если имя пользователя совпадает с полным именем.
При этом, если вы захотите скрыть имена пользователей только с помощью CSS, вы окажетесь в тупике, так как нельзя выбирать предыдущие элементы.

Например, у вас будут два поста следующего вида:

  1. username

    • содержание поста
  2. username full-name

    • содержание поста

И вы не сможете скрыть имена пользователей только для тех, у кого полное имя отличается от имени пользователя, потому что имя пользователя отображается перед полным именем.

Это немного сложно объяснить :sweat_smile:

Поэтому, если вы хотите решение только на CSS, вам нужно отключить prioritize username in 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;
    }
}

После: