From 5ddb00fd7282468fb0a36b026877cc6d8248d932 Mon Sep 17 00:00:00 2001 From: Cynthia Foxwell Date: Fri, 7 Apr 2023 12:05:15 -0600 Subject: [PATCH] fix memberlist in compacter --- xmc.user.css | 25 ++++++++++++++++++------- 1 file changed, 18 insertions(+), 7 deletions(-) diff --git a/xmc.user.css b/xmc.user.css index 606e4a1..02358ae 100644 --- a/xmc.user.css +++ b/xmc.user.css @@ -5086,16 +5086,16 @@ button.hh2-spotify-controls-button { color: var(--text-muted) !important; } -[class^="members-"] [class^="member-"] > [class^="layout-"] { +[class^="members-"] [class^="member-"] > [class^="memberInner-"] { height: 32px; } [class^="members-"] [class^="member-"] - > [class^="layout-"] + > [class^="memberInner-"] > [class^="avatar-"], [class^="members-"] [class^="member-"] - > [class^="layout-"] + > [class^="memberInner-"] > [class^="avatar-"] > [class^="wrapper-"] { width: 24px !important; @@ -5103,7 +5103,7 @@ button.hh2-spotify-controls-button { } [class^="members-"] [class^="member-"] - > [class^="layout-"] + > [class^="memberInner-"] > [class^="avatar-"] > [class^="wrapper-"] > svg[viewBox="0 0 40 40"] { @@ -5112,7 +5112,18 @@ button.hh2-spotify-controls-button { } [class^="members-"] [class^="member-"] - > [class^="layout-"] + > [class^="memberInner-"] + > [class^="avatar-"] + > [class^="wrapper-"] + > [class^="avatarDecoration-"] { + top: calc((.4 - var(--decoration-to-avatar-ratio)/2)*32px); + left: calc((.475 - var(--decoration-to-avatar-ratio)/2)*32px); + width: calc(32px * var(--decoration-to-avatar-ratio)); + height: calc(32px * var(--decoration-to-avatar-ratio)); +} +[class^="members-"] + [class^="member-"] + > [class^="memberInner-"] > [class^="avatar-"] > [class^="wrapper-"] > svg[viewBox="0 0 32 32"] { @@ -5121,7 +5132,7 @@ button.hh2-spotify-controls-button { } [class^="members-"] [class^="member-"] - > [class^="layout-"] + > [class^="memberInner-"] > [class^="avatar-"] { margin-right: 8px; } @@ -5131,7 +5142,7 @@ button.hh2-spotify-controls-button { } [class^="members-"] [class^="member-"] - > [class^="layout-"] + > [class^="memberInner-"] > [class^="children-"] > .presence-icons-wrapper > span