diff --git a/modular/compacter_mode.css b/modular/compacter_mode.css index b97812a..f64617e 100644 --- a/modular/compacter_mode.css +++ b/modular/compacter_mode.css @@ -270,16 +270,16 @@ button.hh2-spotify-controls-button { color: var(--text-muted) !important; } -[class^="members-"] [class^="member-"] > [class^="memberInner-"] { +[class^="members-"] [class^="member-"] > [class^="layout-"] { height: 32px; } [class^="members-"] [class^="member-"] - > [class^="memberInner-"] + > [class^="layout-"] > [class^="avatar-"], [class^="members-"] [class^="member-"] - > [class^="memberInner-"] + > [class^="layout-"] > [class^="avatar-"] > [class^="wrapper-"] { width: 24px !important; @@ -287,7 +287,7 @@ button.hh2-spotify-controls-button { } [class^="members-"] [class^="member-"] - > [class^="memberInner-"] + > [class^="layout-"] > [class^="avatar-"] > [class^="wrapper-"] > svg[viewBox="0 0 40 40"] { @@ -296,18 +296,7 @@ button.hh2-spotify-controls-button { } [class^="members-"] [class^="member-"] - > [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^="layout-"] > [class^="avatar-"] > [class^="wrapper-"] > svg[viewBox="0 0 32 32"] { @@ -316,7 +305,7 @@ button.hh2-spotify-controls-button { } [class^="members-"] [class^="member-"] - > [class^="memberInner-"] + > [class^="layout-"] > [class^="avatar-"] { margin-right: 8px; } @@ -326,7 +315,7 @@ button.hh2-spotify-controls-button { } [class^="members-"] [class^="member-"] - > [class^="memberInner-"] + > [class^="layout-"] > [class^="children-"] > .presence-icons-wrapper > span diff --git a/xmc.user.css b/xmc.user.css index 02358ae..606e4a1 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^="memberInner-"] { +[class^="members-"] [class^="member-"] > [class^="layout-"] { height: 32px; } [class^="members-"] [class^="member-"] - > [class^="memberInner-"] + > [class^="layout-"] > [class^="avatar-"], [class^="members-"] [class^="member-"] - > [class^="memberInner-"] + > [class^="layout-"] > [class^="avatar-"] > [class^="wrapper-"] { width: 24px !important; @@ -5103,7 +5103,7 @@ button.hh2-spotify-controls-button { } [class^="members-"] [class^="member-"] - > [class^="memberInner-"] + > [class^="layout-"] > [class^="avatar-"] > [class^="wrapper-"] > svg[viewBox="0 0 40 40"] { @@ -5112,18 +5112,7 @@ button.hh2-spotify-controls-button { } [class^="members-"] [class^="member-"] - > [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^="layout-"] > [class^="avatar-"] > [class^="wrapper-"] > svg[viewBox="0 0 32 32"] { @@ -5132,7 +5121,7 @@ button.hh2-spotify-controls-button { } [class^="members-"] [class^="member-"] - > [class^="memberInner-"] + > [class^="layout-"] > [class^="avatar-"] { margin-right: 8px; } @@ -5142,7 +5131,7 @@ button.hh2-spotify-controls-button { } [class^="members-"] [class^="member-"] - > [class^="memberInner-"] + > [class^="layout-"] > [class^="children-"] > .presence-icons-wrapper > span