Можно ли увеличить размер группового флейра?

Разработка
,
1

Есть ли простой способ увеличить размер флейра, который отображается рядом с вашим именем при вступлении в определённые группы?

.
Screenshot 2024-08-19 094148

2

В общих стилях темы или компонента CSS можно сделать что-то вроде этого:

Аватар-флер изменён с размера по умолчанию 40 пикселей до 60 пикселей:

.user-card-avatar .avatar-flair, .user-profile-avatar .avatar-flair {
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
}

По умолчанию 40 пикселей

Это скриншот страницы профиля с социальной платформы, на котором изображён аватар человека с фиолетовыми волосами и в очках. (Подпись сгенерирована ИИ)
Это скриншот страницы профиля с социальной платформы, на котором изображён аватар человека с фиолетовыми волосами и в очках. (Подпись сгенерирована ИИ)623×390 53.2 KB

60 пикселей

Это цифровой скриншот профиля пользователя или панели управления, вероятно, с социальной платформы или игрового сообщества. (Подпись сгенерирована ИИ)
Это цифровой скриншот профиля пользователя или панели управления, вероятно, с социальной платформы или игрового сообщества. (Подпись сгенерирована ИИ)623×390 51.9 KB

Можно изменить расположение флера с помощью этого компонента:

3

Я правильно разместил это?

Screenshot 2024-08-19 121836
Screenshot 2024-08-19 1218361067×273 12.1 KB

4

Кажется, так и есть. (Есть ли что-то ещё на вкладке «Заголовок», что выделено?)

Код, который я опубликовал, должен быть здесь:

На изображении показан экран компьютера с открытым текстовым редактором, в котором редактируется фрагмент кода. Код представляет собой CSS-файл, в частности, стили для div с именем «footer». Текстовый редактор имеет тёмную тему, а код написан светлым цветом, который выделяется на тёмном фоне. Основное внимание на изображении уделено CSS-файлу, что указывает на то, что кто-то работает с этим кодом или изучает его. (Подпись сгенерирована ИИ)
На изображении показан экран компьютера с открытым текстовым редактором, в котором редактируется фрагмент кода. Код представляет собой CSS-файл, в частности, стили для div с именем «footer». Текстовый редактор имеет тёмную тему, а код написан светлым цветом, который выделяется на тёмном фоне. Основное внимание на изображении уделено CSS-файлу, что указывает на то, что кто-то работает с этим кодом или изучает его. (Подпись сгенерирована ИИ)651×303 19.7 KB

5

Да, всё на месте. Флейр в постах по-прежнему 20x20.

6

Ой, извините, я пропустил первый пост. :woman_facepalming:t2:

Для 30px

.user-card-avatar .avatar-flair, .user-profile-avatar .avatar-flair {
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
}

.topic-avatar .avatar-flair, 
.avatar-flair-preview .avatar-flair, 
.collapsed-info .user-profile-avatar .avatar-flair, 
.user-image .avatar-flair, 
.latest-topic-list-item .avatar-flair {
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
}

по умолчанию 20px

image
image352×132 11.2 KB

30px

image
image391×177 10.8 KB

7

Спасибо! Я точно не программист, поэтому очень ценю вашу поддержку и помощь! :slight_smile:

8

без проблем. вы можете точно настроить размер в px, чтобы добиться нужного результата. :slight_smile:

10

Я заметил, что если я указываю HEX-цвет, он снова уменьшается. Можете помочь мне и с этим? :slight_smile:

Screenshot 2024-08-19 205756
Screenshot 2024-08-19 205756581×391 27.2 KB

11

Да, хорошо, чтобы упростить вам и другим это, я быстро создал компонент темы:

Дайте знать, как это работает :slight_smile: :wrench:
Вам всё ещё нужно изменить изображение флейра и цвет фона в настройках флейра аватара группы. Этот компонент просто предоставляет базовые настройки для изменения размера изображений флейров и их фоновых кругов. Только для десктопа — я пробовал что-то для мобильных, но это не стоило доработки из-за такого маленького размера.

На изображении показано меню настроек с различными опциями темы, включая настройки карточек, настройки размера карточек, настройки профиля карточек и настройки постов. (Подписано ИИ)
На изображении показано меню настроек с различными опциями темы, включая настройки карточек, настройки размера карточек, настройки профиля карточек и настройки постов. (Подписано ИИ)794×568 47.8 KB

12

Стало бы это хорошим дополнением к Avatar Size and Shape?

13

О, я забыл об этом. Оно делает то же самое? О, ладно, это просто аватары, я думал, что оно также работает с флейрами. Хм :thinking: может, это и не плохая идея…

Моя версия довольно простая, я собрал её за пару минут. Думаю, я бы хотел изменить формат полей ввода.

14

Я думаю, что сейчас это работает только для аватаров, но групповые флейры кажутся «близкими» по смыслу, если это можно будет объединить. Хотя мне нужно будет запустить это, чтобы проверить.

15

@Lilly, возможно ли также устанавливать периметры вокруг флейра «накопление»? Для того, что я имею в виду, было бы полезно, чтобы пользователи могли накапливать несколько флейров на основе «типов» групп, в которых они состоят.

17

@Lilly, почему у меня исчезает флейр в чате? Есть ли простой способ, чтобы флейр отображался в чатах?

18

Насколько мне известно, флейры никогда не отображались в чате. Вы всегда можете добавить свой голос к существующей просьбе о функционале :slight_smile: