diff --git a/themes/btw.bitslayn.revertProfiles/raw/main.css b/themes/btw.bitslayn.revertProfiles/raw/main.css index 2febe41..2d2a125 100644 --- a/themes/btw.bitslayn.revertProfiles/raw/main.css +++ b/themes/btw.bitslayn.revertProfiles/raw/main.css @@ -5,38 +5,42 @@ --banner-height: 60px; --banner-offset: calc(120px - var(--banner-height)); --badge-container-height: 22px; - --guild-tag-offset: 0px; + --guild-tag-height: 0px; + --pronouns-height: 0px; } -[class^=biteSizeOuter]:has(foreignObject > [style*=background-image]) { +[class^=biteSizeOuter]:has(> [class^=userPopoutInner] > header > svg > foreignObject > [style*=background-image]) { --banner-height: 120px; } -[class^=biteSizeOuter]:has([class^=tags] > [class^=container] > div) { +[class^=biteSizeOuter]:has(> [class^=userPopoutInner] > [class^=body] > [class^=container] > [class^=tags] > [class^=container] > div) { --badge-container-height: 30px; } -[class^=biteSizeOuter]:has([class^=tags] > [class^=container] > div:nth-child(9)) { +[class^=biteSizeOuter]:has(> [class^=userPopoutInner] > [class^=body] > [class^=container] > [class^=tags] > [class^=container] > div:nth-child(9)) { --badge-container-height: 54px; } -[class^=biteSizeOuter]:has([class^=tags] > [class^=container] > div:nth-child(17)) { +[class^=biteSizeOuter]:has(> [class^=userPopoutInner] > [class^=body] > [class^=container] > [class^=tags] > [class^=container] > div:nth-child(17)) { --badge-container-height: 78px; } -[class^=biteSizeOuter]:has([class^=body] > span[class^=clickable]) { - --guild-tag-offset: 17px; +[class^=biteSizeOuter]:has(> [class^=userPopoutInner] > [class^=body] > span[class^=clickable]) { + --guild-tag-height: 17px; +} +[class^=biteSizeOuter]:has(> [class^=userPopoutInner] > [class^=body] > [class^=container] > [class^=tags] > [class^=pronounsTooltip]) { + --pronouns-height: 20px; } [class^=fullSizeOuter] { --banner-height: 105px; --banner-offset: calc(210px - var(--banner-height)); --badge-container-height: 22px; } -[class^=fullSizeOuter]:has(foreignObject > [style*=background-image]) { +[class^=fullSizeOuter]:has(> [class^=userProfileModalInner] > header > svg > foreignObject > [style*=background-image]) { --banner-height: 210px; } -[class^=fullSizeOuter]:has([class^=tags] > [class^=container] > div) { +[class^=fullSizeOuter]:has(> [class^=userProfileModalInner] > [class^=body] > [class^=container] > [class^=tags] > [class^=container] > div) { --badge-container-height: 28px; } -[class^=fullSizeOuter]:has([class^=tags] > [class^=container] > div:nth-child(10)) { +[class^=fullSizeOuter]:has(> [class^=userProfileModalInner] > [class^=body] > [class^=container] > [class^=tags] > [class^=container] > div:nth-child(10)) { --badge-container-height: 46px; } -[class^=fullSizeOuter]:has([class^=tags] > [class^=container] > div:nth-child(19)) { +[class^=fullSizeOuter]:has(> [class^=userProfileModalInner] > [class^=body] > [class^=container] > [class^=tags] > [class^=container] > div:nth-child(19)) { --badge-container-height: 72px; } [class^=userPanelOuter] { @@ -44,13 +48,13 @@ --banner-offset: 0px; --badge-container-height: 22px; } -[class^=userPanelOuter]:has([class^=tags] > [class^=container] > div) { +[class^=userPanelOuter]:has(> [class^=userPanelInner] > [class^=body] > [class^=container] > [class^=tags] > [class^=container] > div) { --badge-container-height: 30px; } -[class^=userPanelOuter]:has([class^=tags] > [class^=container] > div:nth-child(9)) { +[class^=userPanelOuter]:has(> [class^=userPanelInner] > [class^=body] > [class^=container] > [class^=tags] > [class^=container] > div:nth-child(9)) { --badge-container-height: 54px; } -[class^=userPanelOuter]:has([class^=tags] > [class^=container] > div:nth-child(17)) { +[class^=userPanelOuter]:has(> [class^=userPanelInner] > [class^=body] > [class^=container] > [class^=tags] > [class^=container] > div:nth-child(17)) { --badge-container-height: 78px; } [class*=userProfileOuter] { @@ -159,7 +163,7 @@ left: 22px; } [class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=bannerSVGWrapper] { - padding: 0 0 calc(83px + var(--badge-container-height) - var(--banner-offset) + var(--guild-tag-offset)); + padding: 0 0 calc(83px + var(--badge-container-height) - var(--banner-offset) + var(--guild-tag-height)); display: block; } [class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=bannerSVGWrapper]:has(foreignObject > [style*=background-image]) { @@ -313,16 +317,16 @@ box-shadow: inset 0 0 120px hsl(var(--black-500-hsl)/0.75); } [class^=biteSizeOuter] > [class^=userPopoutInner]:has([class^=pronounsTooltip]) > [class^=header] > [class^=bannerSVGWrapper] { - padding: 0 0 calc(103px + var(--badge-container-height) - var(--banner-offset) + var(--guild-tag-offset)); + padding: 0 0 calc(103px + var(--badge-container-height) - var(--banner-offset) + var(--guild-tag-height)); } [class^=biteSizeOuter] > [class^=userPopoutInner]:not(:has([class^=statusBubbleOuter])) > header > [class^=bannerSVGWrapper] { - padding: 0 0 calc(95px + var(--badge-container-height) - var(--banner-offset) + var(--guild-tag-offset)); + padding: 0 0 calc(95px + var(--badge-container-height) - var(--banner-offset) + var(--guild-tag-height)); } [class^=biteSizeOuter] > [class^=userPopoutInner]:not(:has([class^=statusBubbleOuter])):has([class^=pronounsTooltip]) > header > [class^=bannerSVGWrapper] { - padding: 0 0 calc(115px + var(--badge-container-height) - var(--banner-offset) + var(--guild-tag-offset)); + padding: 0 0 calc(115px + var(--badge-container-height) - var(--banner-offset) + var(--guild-tag-height)); } [class^=biteSizeOuter] > [class^=userPopoutInner]:not(:has([class^=statusBubbleOuter])) > [class^=body] > [class^=container] { - padding: 12px 12px calc(12px + var(--guild-tag-offset)) 12px; + padding: 12px 12px calc(12px + var(--guild-tag-height)) 12px; } [class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body] { gap: 12px; @@ -349,7 +353,7 @@ top: calc(28px + var(--banner-height) + var(--badge-container-height) + var(--edge-padding)); left: 0px; margin: 0 calc(16px + var(--edge-padding)) 0; - padding: 12px 12px calc(0px + var(--guild-tag-offset)); + padding: 12px 12px calc(0px + var(--guild-tag-height)); border-top-left-radius: var(--radius-sm); border-top-right-radius: var(--radius-sm); background-color: var(--profile-body-background-color); @@ -422,10 +426,17 @@ [class^=biteSizeOuter] > [class^=userPopoutInner] [class^=invisibleContainer] { display: none; } -[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=visibleContainer] { +[class^=biteSizeOuter] > [class^=userPopoutInner] > header > div:not([class]) > [class^=visibleContainer] { position: unset; pointer-events: initial; } +[class^=biteSizeOuter] > [class^=userPopoutInner] > header > div:not([class]) > [class^=visibleContainer] > [class^=popover] { + position: fixed; + z-index: 2; + left: calc(23px + var(--edge-padding)); + right: unset; + transform: translateY(calc(83px + var(--edge-padding) + var(--banner-height) + var(--badge-container-height) + var(--pronouns-height) + var(--guild-tag-height))); +} [class^=biteSizeOuter] > [class^=userPopoutInner] [class^=statusBubbleOuter] { border: unset !important; background: var(--profile-body-background-color);