Make Modular

This commit is contained in:
CI 2022-12-08 02:44:42 +00:00
parent 3710b86852
commit a2bda7eff4
3 changed files with 47 additions and 14 deletions

View file

@ -579,7 +579,8 @@ div[class^="listItem-"] div[class^="wrapperSimple-"],
[class*="wrapper-"] svg[class*="mask-"] > foreignObject,
[class*="callAvatarWrapper-"] svg[class*="callAvatarMask-"] > foreignObject,
div[class^="listItem-"] [class^="wrapper-"] > svg > foreignObject,
[class^="bannerSVGWrapper-"] > foreignObject {
[class^="bannerSVGWrapper-"] > foreignObject,
[class^="avatarDecoration-"] > foreignObject {
mask: none !important;
mask-image: none !important;
-webkit-mask-image: none !important;
@ -1865,28 +1866,36 @@ code.inline {
.hljs-ansi-style-bold {
font-weight: 0;
}
.hljs-ansi-foreground-black .hljs-ansi-style-bold {
.hljs-ansi-foreground-black .hljs-ansi-style-bold,
.hljs-ansi-foreground-black.hljs-ansi-style-bold {
color: var(--_color8) !important;
}
.hljs-ansi-foreground-red .hljs-ansi-style-bold {
.hljs-ansi-foreground-red .hljs-ansi-style-bold,
.hljs-ansi-foreground-red.hljs-ansi-style-bold {
color: var(--_color9) !important;
}
.hljs-ansi-foreground-green .hljs-ansi-style-bold {
.hljs-ansi-foreground-green .hljs-ansi-style-bold,
.hljs-ansi-foreground-green.hljs-ansi-style-bold {
color: var(--_color10) !important;
}
.hljs-ansi-foreground-yellow .hljs-ansi-style-bold {
.hljs-ansi-foreground-yellow .hljs-ansi-style-bold,
.hljs-ansi-foreground-yellow.hljs-ansi-style-bold {
color: var(--_color11) !important;
}
.hljs-ansi-foreground-blue .hljs-ansi-style-bold {
.hljs-ansi-foreground-blue .hljs-ansi-style-bold,
.hljs-ansi-foreground-blue.hljs-ansi-style-bold {
color: var(--_color12) !important;
}
.hljs-ansi-foreground-magenta .hljs-ansi-style-bold {
.hljs-ansi-foreground-magenta .hljs-ansi-style-bold,
.hljs-ansi-foreground-magenta.hljs-ansi-style-bold {
color: var(--_color13) !important;
}
.hljs-ansi-foreground-cyan .hljs-ansi-style-bold {
.hljs-ansi-foreground-cyan .hljs-ansi-style-bold,
.hljs-ansi-foreground-cyan.hljs-ansi-style-bold {
color: var(--_color14) !important;
}
.hljs-ansi-foreground-white .hljs-ansi-style-bold {
.hljs-ansi-foreground-white .hljs-ansi-style-bold,
.hljs-ansi-foreground-white.hljs-ansi-style-bold {
color: var(--_color15) !important;
}
.hljs-ansi-background-black {

View file

@ -7,7 +7,9 @@ html:not(.a11y-font-scaled-down)
html:not(.a11y-font-scaled-down)
[class^="messagesWrapper-"]
[class^="scrollerInner-"]
> [class^="container-"]:not([class*="systemMessage-"]):not([class*="compact-"]) {
> [class^="container-"]:not([class*="systemMessage-"]):not(
[class*="compact-"]
) {
padding: 0 !important;
padding-left: 16px !important;
}
@ -18,7 +20,9 @@ html:not(.a11y-font-scaled-down)
> [class^="wrapper-"]:not([class*="systemMessage-"]):not([class*="compact-"]),
[class^="messagesWrapper-"]
[class^="scrollerInner-"]
> [class^="container-"]:not([class*="systemMessage-"]):not([class*="compact-"]) {
> [class^="container-"]:not([class*="systemMessage-"]):not(
[class*="compact-"]
) {
padding-left: 16px !important;
}
@ -145,3 +149,10 @@ div[class*="cozyMessage-"] div[class^="repliedMessage-"]:before {
border-right: 0 solid var(--interactive-active);
border-top: var(--spine-width) solid var(--interactive-active);
}
[class*="cozyMessage-"] [class^="avatarDecoration-"] {
margin-top: calc(24px - 20px * var(--decoration-to-avatar-ratio));
left: calc(38px - 20px * var(--decoration-to-avatar-ratio));
width: calc(20px * var(--decoration-to-avatar-ratio));
height: calc(20px * var(--decoration-to-avatar-ratio));
}

View file

@ -133,7 +133,13 @@
[class*="wrapper-"]
> svg
> svg[class^="cursorDefault-"]
> rect[fill^="var(--status-"] {
> rect[fill^="var(--status-"],
[class^="member-"]
[class^="avatar-"]
[class*="wrapper-"]
> svg
> svg[class^="cursorDefault-"]
> rect[fill^="#"] {
mask: none !important;
x: -18.5;
y: -17;
@ -144,8 +150,15 @@
[class^="panels-"]
[class*="avatar-"]
> svg
> svg
> rect[fill^="var(--status-"] {
> rect[mask^="url(#svg-mask-status"] {
mask: none !important;
x: 32;
y: 0;
width: 4px;
height: 32px;
}
[class^="panels-"] [class*="avatar-"] > svg > svg > rect[fill^="var(--status-"],
[class^="panels-"] [class*="avatar-"] > svg > svg > rect[fill^="#"] {
mask: none !important;
x: 17.5;
y: -17;