diff --git a/pxvmc.scss b/pxvmc.scss index 8bfcb2a..8c5cc5f 100644 --- a/pxvmc.scss +++ b/pxvmc.scss @@ -16,3 +16,4 @@ /*@use "src/embeds";*/ @use "src/winclassic"; @use "src/misc"; +@use "src/ansi_chain"; diff --git a/src/ansi_chain.scss b/src/ansi_chain.scss new file mode 100644 index 0000000..93501f5 --- /dev/null +++ b/src/ansi_chain.scss @@ -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; + } + } + } + } +} diff --git a/src/compact.scss b/src/compact.scss index 3e64c2f..68ccac7 100644 --- a/src/compact.scss +++ b/src/compact.scss @@ -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; diff --git a/src/embeds.css b/src/embeds.css deleted file mode 100644 index 72fd9b3..0000000 --- a/src/embeds.css +++ /dev/null @@ -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; -} diff --git a/src/embeds.scss b/src/embeds.scss new file mode 100644 index 0000000..4570fd3 --- /dev/null +++ b/src/embeds.scss @@ -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; + } +} diff --git a/src/font.scss b/src/font.scss index 2bb82da..0d6fa60 100644 --- a/src/font.scss +++ b/src/font.scss @@ -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; diff --git a/src/misc.css b/src/misc.scss similarity index 81% rename from src/misc.css rename to src/misc.scss index 86a909d..3cbb895 100644 --- a/src/misc.css +++ b/src/misc.scss @@ -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; diff --git a/src/ripcord.scss b/src/ripcord.scss index 0c496a2..9958a08 100644 --- a/src/ripcord.scss +++ b/src/ripcord.scss @@ -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 {