mirror of
https://gitgud.io/BondageProjects/Bondage-College.git
synced 2025-04-25 17:59:34 +00:00
MAINT: Standardize the friend list icon HTML and CSS
This commit is contained in:
parent
1bac6b223d
commit
0b2bb53c8d
2 changed files with 17 additions and 6 deletions
BondageClub
|
@ -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;
|
||||
|
|
|
@ -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]
|
||||
],
|
||||
|
|
Loading…
Add table
Reference in a new issue