MAINT: Standardize the friend list icon HTML and CSS

This commit is contained in:
bananarama92 2025-03-18 20:42:06 +01:00
parent 1bac6b223d
commit 0b2bb53c8d
No known key found for this signature in database
GPG key ID: E83C7D3B5DA36248
2 changed files with 17 additions and 6 deletions
BondageClub
CSS
Screens/Character/FriendList

View file

@ -102,6 +102,17 @@
#friend-list-beep-dialog:not([data-received]) .fl-beep-sent-content {
display: block;
}
.friend-list-icon-small {
pointer-events: none;
height: var(--row-height);
width: var(--row-height);
max-width: 50px;
max-height: 50px;
margin-inline: 0.15em;
aspect-ratio: 1 / 1;
}
/* #endregion */
/* #region FRIENDLIST */
@ -171,10 +182,6 @@
gap: var(--small-gap);
}
.RelationType img {
height: min(5dvh, 2.5dvw);
}
.friend-list-link {
text-decoration: underline;
cursor: pointer;

View file

@ -819,10 +819,14 @@ function FriendListLoadFriendList(data) {
classList: ['friend-list-column', 'RelationType', 'mode-specific-content', 'fl-all-friends-content'],
children: [
{
tag: 'img',
tag: "img",
attributes: {
src: relationTypeIcons[friend.relationType],
}
decoding: "async",
loading: "lazy",
"aria-hidden": "true",
},
classList: ["friend-list-icon-small"],
},
FriendTypeCaption[friend.relationType]
],