This commit is contained in:
Cynthia Foxwell 2024-03-10 15:10:05 -06:00
parent 4bea32ad29
commit 31eeffbbda
8 changed files with 159 additions and 49 deletions

View file

@ -16,3 +16,4 @@
/*@use "src/embeds";*/
@use "src/winclassic";
@use "src/misc";
@use "src/ansi_chain";

27
src/ansi_chain.scss Normal file
View file

@ -0,0 +1,27 @@
[class^="messageListItem_"]:has(.hljs.ansi):has(
+ [class^="messageListItem_"] .hljs.ansi
) {
.hljs.ansi {
border-bottom: none;
padding-bottom: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
& + [class^="messageListItem_"]:has(.hljs.ansi) {
pre {
margin-top: 0;
.hljs.ansi {
border-top: none;
padding-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
.bcb-header {
display: none;
}
}
}
}
}

View file

@ -290,7 +290,8 @@ div[class^="sidebar_"]:not(:has(> [class^="side_"]))
[class^="base_"]
> [class^="content_"]
> [class^="applicationStore_"]
section[class*="container_"] {
section[class*="container_"],
[class^="chat_"] > [class^="subtitleContainer_"] > [class^="title_"] {
height: 32px;
min-height: 32px;
padding: 0;

View file

@ -1,34 +0,0 @@
[class*="embed_"] {
border-radius: 0 0 0 0;
border-color: var(--interactive-active);
}
[class*="embed_"] [class*="embedInner_"] {
border-color: transparent;
}
[class*="embed_"] [class*="embedAuthorIcon_"] {
border-radius: 0;
}
[class*="embed_"] [class^="grid_"] {
padding: 8px !important;
}
[class*="embed_"] [class*="embedMargin_"] {
margin-top: 4px !important;
}
[class*="embed_"] [class*="embedMedia_"] {
margin-top: 4px !important;
}
[class*="embed_"] [class*="embedTitle_"] {
font-size: 16px !important;
font-weight: 200 !important;
}
[class*="embed_"] [class*="embedFieldName_"] {
font-weight: 500 !important;
}
[class*="embed_"] [class*="embedDescription_"],
[class*="embed_"] [class*="embedFieldName_"],
[class*="embed_"] [class*="embedFieldValue_"] {
font-size: 16px !important;
}
[class*="embed_"] [class*="embedFooterText_"] {
font-size: 0.8em;
}

106
src/embeds.scss Normal file
View file

@ -0,0 +1,106 @@
/*[class*="embed_"] {
border-radius: 0 0 0 0;
border-color: var(--interactive-active);
}
[class*="embed_"] [class*="embedInner_"] {
border-color: transparent;
}
[class*="embed_"] [class*="embedAuthorIcon_"] {
border-radius: 0;
}
[class*="embed_"] [class^="grid_"] {
padding: 8px !important;
}
[class*="embed_"] [class*="embedMargin_"] {
margin-top: 4px !important;
}
[class*="embed_"] [class*="embedMedia_"] {
margin-top: 4px !important;
}
[class*="embed_"] [class*="embedTitle_"] {
font-size: 16px !important;
font-weight: 200 !important;
}
[class*="embed_"] [class*="embedFieldName_"] {
font-weight: 500 !important;
}
[class*="embed_"] [class*="embedDescription_"],
[class*="embed_"] [class*="embedFieldName_"],
[class*="embed_"] [class*="embedFieldValue_"] {
font-size: 16px !important;
}
[class*="embed_"] [class*="embedFooterText_"] {
font-size: 0.8em;
}*/
@media (min-height: 551px) {
/* big youtube */
[class^="embedWrapper_"]:has(iframe),
[class^="embedWrapper_"]:has(video),
[class^="embedWrapper_"]:has(img[src*="i.ytimg.com"]) {
max-width: 550px !important;
[class^="gridContainer_"] {
max-width: 550px !important;
}
[class*="embedMedia_"] {
max-width: 550px !important;
max-height: unset !important;
[class^="imageWrapper_"] {
max-width: 550px !important;
aspect-ratio: unset !important;
:is(img, video) {
max-width: 550px !important;
max-height: 550px !important;
aspect-ratio: unset !important;
}
}
& > [class^="embedVideo_"] {
max-width: 550px !important;
aspect-ratio: unset;
& > iframe {
max-width: unset !important;
max-height: unset !important;
width: 100% !important;
height: 100% !important;
}
}
}
}
/* linked images equal to attachments */
:is([class^="inlineMediaEmbed_"], [class^="messageAttachment_"]) {
max-width: 550px !important;
max-height: 550px !important;
[class^="imageWrapper_"] {
max-width: 550px !important;
max-height: 550px !important;
width: max-content !important;
height: max-content !important;
aspect-ratio: unset !important;
[class^="loadingOverlay_"] {
aspect-ratio: unset !important;
}
:is(img, video) {
max-width: 550px !important;
max-height: 550px !important;
width: max-content !important;
height: max-content !important;
}
}
}
[class^="oneByOneGrid_"] {
max-height: 550px !important;
}
[class^="imageContainer_"]:has([aria-label="GIF"]) + [class^="altText_"] {
display: none;
}
}

View file

@ -171,8 +171,8 @@
--font-display: "Twemoji Mozilla", "Terminus (TTF) for Windows",
"Terminus (TTF)", "Sazanami Gothic", "UnifontBitmap", "Unifont Windows",
"Unifont", monospace !important;
--font-code: "tewi", "Terminus (TTF) for Windows", "Terminus (TTF)",
"Sazanami Gothic", "UnifontBitmap", "Unifont Windows", "Unifont", monospace !important;
--font-code: "Terminus (TTF) for Windows", "Terminus (TTF)", "Sazanami Gothic",
"UnifontBitmap", "Unifont Windows", "Unifont", monospace !important;
--_font-titlebars: var(--font-primary) !important;
}
@ -235,7 +235,7 @@ span[class="role-tag"],
[class*="after_inlineCode_"],
[class*="before_inlineCode_"],
[class^="inlineCode_"] {
font-size: 11px !important;
font-size: 12px !important;
}
.hljs-ansi-style-bold {
@ -245,7 +245,7 @@ span[class="role-tag"],
[class^="markup_"] [class^="codeInline_"],
code.inline,
.hljs {
font-size: 11px !important;
font-size: 12px !important;
}
.bcb-number {
@ -264,7 +264,7 @@ code.inline {
}
.hljs.ansi {
line-height: normal !important;
line-height: 12px !important;
.bcb-lines {
grid-template-columns: auto;

View file

@ -8,6 +8,13 @@
background-color: var(--background-secondary);
}
[class^="upperBadge_"]
[class^="iconBadge_"]:has(> svg > path[d^="M5.66493"][d$="7V9Z"]),
[class^="upperBadge_"]
[class^="iconBadge_"]:has(> svg > path[d^="M20.97"][d$="0-2h1V7Z"]) {
display: none;
}
/*[class^="effectsWrapper_"] > [class^="effect_"] {
position: absolute;
bottom: -75vh;

View file

@ -165,16 +165,18 @@
font-size: 12px;
line-height: 13px;
.emoji {
width: 13px;
height: 13px;
min-height: 13px;
}
& > :not(:is(h1, h2, h3)) {
.emoji {
width: 13px;
height: 13px;
min-height: 13px;
}
.emoji.jumboable {
width: 20px;
height: 20px;
min-height: 20px;
.emoji.jumboable {
width: 20px;
height: 20px;
min-height: 20px;
}
}
h1 {