From 781b6a8311e93edbe1f0dcfc48c586f1cc61323a Mon Sep 17 00:00:00 2001
From: rainbow napkin <ourforest@tuta.io>
Date: Sun, 4 May 2025 20:21:35 -0400
Subject: [PATCH] Fixed up chromium compatibility.

---
 www/css/channel.css           | 13 +++++++++++--
 www/css/index.css             |  3 ++-
 www/css/theme/movie-night.css |  1 +
 3 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/www/css/channel.css b/www/css/channel.css
index 2f18ea6..abad3cc 100644
--- a/www/css/channel.css
+++ b/www/css/channel.css
@@ -119,7 +119,7 @@ div#chat-panel-main-div{
 #chat-panel-buffer-div{
     height: 100%;
     flex: 1;
-    overflow: scroll;
+    overflow-y: scroll;
 }
 
 #chat-panel-users-div{
@@ -287,6 +287,7 @@ span.user-entry{
     font-size: 10pt;
     margin-left: 0.5em;
     user-select: none;
+    font-family: inherit;
 }
 
 #chat-panel-prompt-autocomplete{
@@ -298,8 +299,16 @@ span.user-entry{
     z-index: 10;
     margin: 0;
     left: 1em;
-    top: 0.6em;
     pointer-events: none;
+    font-family: inherit;
+
+    /* This looks good at 0.6em on firefox and alright 0.66 on chrome.
+    Unfortunately chrome seems to want to change the scaling slightly at different zoome levels which kind of fucks up the effect
+    I'm calling that a win for firefox :P*/
+    top: 0.66em;
+    @supports (-moz-appearance:none){
+        top: 0.6em;
+    }
 }
 
 #chat-panel-prompt-autocomplete-filler{
diff --git a/www/css/index.css b/www/css/index.css
index 00d8e56..133bf57 100644
--- a/www/css/index.css
+++ b/www/css/index.css
@@ -55,8 +55,9 @@ div.channel-guide-entry{
 }
 
 span.channel-guide-entry-item{
-    overflow: scroll;
+    overflow-y: scroll;
     height: 2em;
+    scrollbar-width: none;
 }
 
 p.channel-guide-entry{
diff --git a/www/css/theme/movie-night.css b/www/css/theme/movie-night.css
index 2b863ca..1f28d4e 100644
--- a/www/css/theme/movie-night.css
+++ b/www/css/theme/movie-night.css
@@ -81,6 +81,7 @@ body{
     color: var(--accent0);
     background-image: url('/img/background.png');
     background-size: 5em;
+    scrollbar-color: var(--accent0-alt1) transparent;
 }
 
 a{