fix: font size not applying correctly

Enubia · Aug 26, 2024 · a3e14e0 · a3e14e0
1 parent b3170d2
commit a3e14e0
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/src/pages/settings/twitch.vue b/src/pages/settings/twitch.vue
@@ -64,6 +64,7 @@ onMounted(async () => {
     fadeTimeout.value = twitch.fadeTimeout;
     theme.value = String(twitch.theme);
     preventClipping.value = twitch.preventClipping;
+    fontSizeExact.value = twitch.fontSizeExact;
 
     jChatRerenderKey.value++;
     kapChatRerenderKey.value++;

diff --git a/src/pages/webview/twitch.vue b/src/pages/webview/twitch.vue
@@ -100,10 +100,16 @@ function constructInjectableJS() {
 }
 
 function constructInjectableCSS() {
+    // need to apply the font size to the chat box and chat lines
+    // sometimes it doesn't apply when a theme is selected
     const css = `
         #chat_box {
             font-size: ${twitch.value.fontSizeExact}px !important;
         }
+
+        #chat_box .chat_line {
+            font-size: ${twitch.value.fontSizeExact}px !important;
+        }
     `;
     return [css, twitch.value.css].join('\n');
 }