backlog

pxvmc.scss

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

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;
+        }
+      }
+    }
+  }
+}

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;

src/embeds.css

@@ -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;
-}

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;
+  }
+}

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)",
+  --font-code: "Terminus (TTF) for Windows", "Terminus (TTF)", "Sazanami Gothic",
-    "Sazanami Gothic", "UnifontBitmap", "Unifont Windows", "Unifont", monospace !important;
+    "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;
 

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;

src/ripcord.scss

@@ -165,6 +165,7 @@
         font-size: 12px;
         line-height: 13px;
 
+        & > :not(:is(h1, h2, h3)) {
           .emoji {
             width: 13px;
             height: 13px;
@@ -176,6 +177,7 @@
             height: 20px;
             min-height: 20px;
           }
+        }
 
         h1 {
           margin: 0;