This commit is contained in:
Mirco Wittrien 2022-10-25 16:51:34 +02:00
parent e0e8f19e33
commit e6d0bb2fc1
2 changed files with 34 additions and 16 deletions

View File

@ -1682,10 +1682,12 @@ body::after {
/* ---- 6.5. MEMBERLIST ---- */
.member-48YF_l { /* member */
background: transparent;
}
.avatar-b5OQ1N::before { /* emptyavatar */
background-color: rgba(var(--transparencycolor), .3);
}
.memberGroupsPlaceholder-9tqX9V, /* loadingplaceholders */
.placeholderAvatar-1qAcRZ,
.placeholderUsername-3iQi_D {
@ -4546,12 +4548,14 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr
.userPopout-2j1gM4, /* popout container */
.userPopout-3fydSP, /* popout new container */
.userPopout-29jUdN { /* popout new new container */
.userPopout-29jUdN, /* popout new new container */
.userPopoutOuter-3AVBmJ { /* popout new new new container */
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
}
.userPopout-2j1gM4, /* popout container */
.userPopout-3fydSP:not(.userPopoutThemed-3BZ4by), /* popout new container */
.userPopout-29jUdN:not(.userPopoutThemed-wGuRN3) { /* popout new container */
.userPopout-29jUdN:not(.userPopoutThemed-wGuRN3), /* popout new new container */
.userProfileOuterUnthemed-2b2rsv { /* popout new new new container */
background: transparent;
}
.userPopout-2j1gM4::before,
@ -4559,7 +4563,9 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr
.userPopout-3fydSP:not(.userPopoutThemed-3BZ4by)::before,
.userPopout-3fydSP:not(.userPopoutThemed-3BZ4by)::after,
.userPopout-29jUdN:not(.userPopoutThemed-wGuRN3)::before,
.userPopout-29jUdN:not(.userPopoutThemed-wGuRN3)::after {
.userPopout-29jUdN:not(.userPopoutThemed-wGuRN3)::after,
.userProfileOuterUnthemed-2b2rsv::before,
.userProfileOuterUnthemed-2b2rsv::after {
content: "";
position: absolute;
top: 0;
@ -4574,13 +4580,15 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr
}
.userPopout-2j1gM4::before,
.userPopout-3fydSP:not(.userPopoutThemed-3BZ4by)::before,
.userPopout-29jUdN:not(.userPopoutThemed-wGuRN3)::before {
.userPopout-29jUdN:not(.userPopoutThemed-wGuRN3)::before,
.userProfileOuterUnthemed-2b2rsv::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.userPopout-2j1gM4::after,
.userPopout-3fydSP:not(.userPopoutThemed-3BZ4by)::after,
.userPopout-29jUdN:not(.userPopoutThemed-wGuRN3)::after {
.userPopout-29jUdN:not(.userPopoutThemed-wGuRN3)::after,
.userProfileOuterUnthemed-2b2rsv::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
backdrop-filter: blur(var(--popoutblur));
}
@ -4598,18 +4606,21 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr
#app-mount .activity-1gTu-L {
padding: 0 16px 16px;
}
.userPopout-2j1gM4 *:not(foreignObject) > .banner-1YaD3N, /* popout banner */
.userPopout-3fydSP *:not(foreignObject) > .banner-2boKnS, /* popout new banner */
.userPopout-29jUdN *:not(foreignObject) > .banner-2boKnS, /* popout new banner */
.menu-1QACrS *:not(foreignObject) > .banner-1YaD3N { /* status popout banner */
.userPopout-2j1gM4 *:not(foreignObject) > .banner-1YaD3N, /* popout banner */
.userPopout-3fydSP *:not(foreignObject) > .banner-2boKnS, /* popout new banner */
.userPopout-29jUdN *:not(foreignObject) > .banner-2boKnS, /* popout new new banner */
.userPopoutOuter-3AVBmJ *:not(foreignObject) > .banner-2boKnS, /* popout new new new banner */
.menu-1QACrS *:not(foreignObject) > .banner-1YaD3N { /* status popout banner */
-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="2400" height="120" viewBox="0 0 2400 120" fill="none"><path fill="black" d="M 0 0 L 0 120 L 16 120 A 46 46 0 0 1 62 76 A 46 46 0 0 1 108 120 L 2400 120 L 2400 0 L 0 0 z"/></svg>') bottom left no-repeat;
}
.userPopout-3fydSP .userPopoutInnerWithTheme-71l1ON *:not(foreignObject) > .banner-2boKnS,
.userPopout-29jUdN .userPopoutInnerWithTheme-2lKyJh *:not(foreignObject) > .banner-2boKnS {
.userPopout-29jUdN .userPopoutInnerWithTheme-2lKyJh *:not(foreignObject) > .banner-2boKnS,
.userProfileOuterUnthemed-2b2rsv *:not(foreignObject) > .banner-2boKnS {
-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="2400" height="120" viewBox="0 0 2400 120" fill="none"><path fill="black" d="M 0 0 L 0 120 L 12 120 A 46 46 0 0 1 48 74 A 46 46 0 0 1 104 126 L 2400 120 L 2400 0 L 0 0 z"/></svg>') bottom left no-repeat;
}
.userPopoutInnerWithTheme-71l1ON::after,
.userPopoutInnerWithTheme-2lKyJh::after {
.userPopoutInnerWithTheme-2lKyJh::after,
.userProfileInnerThemed-27tvAp::after {
content: "";
position: absolute;
display: block;
@ -4621,19 +4632,23 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr
z-index: 1;
}
.userPopoutInnerWithBanner-wsoegj::after,
.userPopoutInnerWithBanner-24GX6I::after {
.userPopoutInnerWithBanner-24GX6I::after,
.userProfileInnerWithBanner-3CJ1Og::after {
height: 120px;
}
.userPopoutInnerWithTheme-71l1ON::before,
.userPopoutInnerWithTheme-2lKyJh::before {
.userPopoutInnerWithTheme-2lKyJh::before,
.userProfileInnerThemed-27tvAp::before {
z-index: 2;
}
.userPopoutInnerWithTheme-71l1ON > *,
.userPopoutInnerWithTheme-2lKyJh > * {
.userPopoutInnerWithTheme-2lKyJh > *,
.userProfileInnerThemed-27tvAp > * {
z-index: 3;
}
.userPopoutInner-PA9zkU, /* popout new inner */
.userPopoutInner-1v4xcM { /* popout new new inner */
.userPopoutInner-1v4xcM, /* popout new new inner */
.userProfileInner-3F03PX { /* popout new new new inner */
border-radius: 4px;
}
.userPopout-2j1gM4 .wrapper-1VLyxH, /* popout avatar */
@ -4642,6 +4657,8 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr
.userPopout-3fydSP .avatarWrapper, /* popout new status everywhere */
.userPopout-29jUdN .wrapper-1VLyxH, /* popout new new avatar */
.userPopout-29jUdN .avatarWrapper, /* popout new new status everywhere */
.userPopoutOuter-3AVBmJ .wrapper-1VLyxH, /* popout new new new avatar */
.userPopoutOuter-3AVBmJ .avatarWrapper, /* popout new new new status everywhere */
.menu-1QACrS .wrapper-1VLyxH, /* status popout avatar */
.menu-1QACrS .avatarWrapper { /* status popout status everywhere */
background-color: transparent;

View File

@ -3385,6 +3385,7 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] {
#app-mount .userPopout-2j1gM4,
#app-mount .userPopout-3fydSP,
#app-mount .userPopout-29jUdN,
#app-mount .userPopoutOuter-3AVBmJ,
#app-mount .menu-1QACrS {
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.6), 0 2px 10px 0 rgba(0,0,0,.2);
}