Compare commits

..

2 commits

Author SHA1 Message Date
CI
2d296bb791 Make Modular 2023-04-07 18:05:48 +00:00
5ddb00fd72 fix memberlist in compacter 2023-04-07 12:05:18 -06:00
2 changed files with 36 additions and 14 deletions

View file

@ -270,16 +270,16 @@ button.hh2-spotify-controls-button {
color: var(--text-muted) !important; color: var(--text-muted) !important;
} }
[class^="members-"] [class^="member-"] > [class^="layout-"] { [class^="members-"] [class^="member-"] > [class^="memberInner-"] {
height: 32px; height: 32px;
} }
[class^="members-"] [class^="members-"]
[class^="member-"] [class^="member-"]
> [class^="layout-"] > [class^="memberInner-"]
> [class^="avatar-"], > [class^="avatar-"],
[class^="members-"] [class^="members-"]
[class^="member-"] [class^="member-"]
> [class^="layout-"] > [class^="memberInner-"]
> [class^="avatar-"] > [class^="avatar-"]
> [class^="wrapper-"] { > [class^="wrapper-"] {
width: 24px !important; width: 24px !important;
@ -287,7 +287,7 @@ button.hh2-spotify-controls-button {
} }
[class^="members-"] [class^="members-"]
[class^="member-"] [class^="member-"]
> [class^="layout-"] > [class^="memberInner-"]
> [class^="avatar-"] > [class^="avatar-"]
> [class^="wrapper-"] > [class^="wrapper-"]
> svg[viewBox="0 0 40 40"] { > svg[viewBox="0 0 40 40"] {
@ -296,7 +296,18 @@ button.hh2-spotify-controls-button {
} }
[class^="members-"] [class^="members-"]
[class^="member-"] [class^="member-"]
> [class^="layout-"] > [class^="memberInner-"]
> [class^="avatar-"]
> [class^="wrapper-"]
> [class^="avatarDecoration-"] {
top: calc((0.4 - var(--decoration-to-avatar-ratio) / 2) * 32px);
left: calc((0.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^="avatar-"]
> [class^="wrapper-"] > [class^="wrapper-"]
> svg[viewBox="0 0 32 32"] { > svg[viewBox="0 0 32 32"] {
@ -305,7 +316,7 @@ button.hh2-spotify-controls-button {
} }
[class^="members-"] [class^="members-"]
[class^="member-"] [class^="member-"]
> [class^="layout-"] > [class^="memberInner-"]
> [class^="avatar-"] { > [class^="avatar-"] {
margin-right: 8px; margin-right: 8px;
} }
@ -315,7 +326,7 @@ button.hh2-spotify-controls-button {
} }
[class^="members-"] [class^="members-"]
[class^="member-"] [class^="member-"]
> [class^="layout-"] > [class^="memberInner-"]
> [class^="children-"] > [class^="children-"]
> .presence-icons-wrapper > .presence-icons-wrapper
> span > span

View file

@ -5086,16 +5086,16 @@ button.hh2-spotify-controls-button {
color: var(--text-muted) !important; color: var(--text-muted) !important;
} }
[class^="members-"] [class^="member-"] > [class^="layout-"] { [class^="members-"] [class^="member-"] > [class^="memberInner-"] {
height: 32px; height: 32px;
} }
[class^="members-"] [class^="members-"]
[class^="member-"] [class^="member-"]
> [class^="layout-"] > [class^="memberInner-"]
> [class^="avatar-"], > [class^="avatar-"],
[class^="members-"] [class^="members-"]
[class^="member-"] [class^="member-"]
> [class^="layout-"] > [class^="memberInner-"]
> [class^="avatar-"] > [class^="avatar-"]
> [class^="wrapper-"] { > [class^="wrapper-"] {
width: 24px !important; width: 24px !important;
@ -5103,7 +5103,7 @@ button.hh2-spotify-controls-button {
} }
[class^="members-"] [class^="members-"]
[class^="member-"] [class^="member-"]
> [class^="layout-"] > [class^="memberInner-"]
> [class^="avatar-"] > [class^="avatar-"]
> [class^="wrapper-"] > [class^="wrapper-"]
> svg[viewBox="0 0 40 40"] { > svg[viewBox="0 0 40 40"] {
@ -5112,7 +5112,18 @@ button.hh2-spotify-controls-button {
} }
[class^="members-"] [class^="members-"]
[class^="member-"] [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^="avatar-"]
> [class^="wrapper-"] > [class^="wrapper-"]
> svg[viewBox="0 0 32 32"] { > svg[viewBox="0 0 32 32"] {
@ -5121,7 +5132,7 @@ button.hh2-spotify-controls-button {
} }
[class^="members-"] [class^="members-"]
[class^="member-"] [class^="member-"]
> [class^="layout-"] > [class^="memberInner-"]
> [class^="avatar-"] { > [class^="avatar-"] {
margin-right: 8px; margin-right: 8px;
} }
@ -5131,7 +5142,7 @@ button.hh2-spotify-controls-button {
} }
[class^="members-"] [class^="members-"]
[class^="member-"] [class^="member-"]
> [class^="layout-"] > [class^="memberInner-"]
> [class^="children-"] > [class^="children-"]
> .presence-icons-wrapper > .presence-icons-wrapper
> span > span