Спасибо за информацию ![]()
Если у вас включена опция prioritize username in ux, то имена пользователей будут отображаться в каждом посте, если имя пользователя совпадает с полным именем.
При этом, если вы захотите скрыть имена пользователей только с помощью CSS, вы окажетесь в тупике, так как нельзя выбирать предыдущие элементы.
Например, у вас будут два поста следующего вида:
-
username
- содержание поста
-
username full-name
- содержание поста
И вы не сможете скрыть имена пользователей только для тех, у кого полное имя отличается от имени пользователя, потому что имя пользователя отображается перед полным именем.
Это немного сложно объяснить ![]()
Поэтому, если вы хотите решение только на 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;
}
}
После:

