From 9e98ae77898690256150a34dcc50f5fa230c026f Mon Sep 17 00:00:00 2001 From: Devsencel Date: Fri, 13 Dec 2024 20:40:16 +0100 Subject: [PATCH] Fix for randomly oversized emojis for some user by adding a default value of 1em to where the css-variables get used --- src/sites/clips/styles/clips-main.scss | 4 ++-- .../twitch-twilight/modules/css_tweaks/styles/big-emoji.scss | 4 ++-- src/sites/twitch-twilight/styles/chat.scss | 4 ++-- 3 files changed, 6 insertions(+), 6 deletions(-) diff --git a/src/sites/clips/styles/clips-main.scss b/src/sites/clips/styles/clips-main.scss index 5982bf29..9c3bd780 100644 --- a/src/sites/clips/styles/clips-main.scss +++ b/src/sites/clips/styles/clips-main.scss @@ -22,8 +22,8 @@ } .ffz-emoji { - width: calc(var(--ffz-chat-font-size) * 1.5); - height: calc(var(--ffz-chat-font-size) * 1.5); + width: calc(var(--ffz-chat-font-size, 1em) * 1.5); + height: calc(var(--ffz-chat-font-size, 1em) * 1.5); &.preview-image { width: 7.2rem; diff --git a/src/sites/twitch-twilight/modules/css_tweaks/styles/big-emoji.scss b/src/sites/twitch-twilight/modules/css_tweaks/styles/big-emoji.scss index 5da9d544..307398db 100644 --- a/src/sites/twitch-twilight/modules/css_tweaks/styles/big-emoji.scss +++ b/src/sites/twitch-twilight/modules/css_tweaks/styles/big-emoji.scss @@ -1,6 +1,6 @@ .ffz--inline:not(.scaled-modified-emote) .ffz-emoji { width: 3.6rem !important; height: 3.6rem !important; - width: calc(var(--ffz-chat-font-size) * 3) !important; - height: calc(var(--ffz-chat-font-size) * 3) !important; + width: calc(var(--ffz-chat-font-size, 1em) * 3) !important; + height: calc(var(--ffz-chat-font-size, 1em) * 3) !important; } diff --git a/src/sites/twitch-twilight/styles/chat.scss b/src/sites/twitch-twilight/styles/chat.scss index a9550293..22281c1a 100644 --- a/src/sites/twitch-twilight/styles/chat.scss +++ b/src/sites/twitch-twilight/styles/chat.scss @@ -165,8 +165,8 @@ .ffz-notice-icon, .ffz-emoji { width: 1.8rem; height: 1.8rem; - width: calc(var(--ffz-chat-font-size) * 1.5); - height: calc(var(--ffz-chat-font-size) * 1.5); + width: calc(var(--ffz-chat-font-size, 1em) * 1.5); + height: calc(var(--ffz-chat-font-size, 1em) * 1.5); } .ffz-emoji {