diff --git a/frontend/src/lang/en.js b/frontend/src/lang/en.js index 3a9e013..48aab07 100644 --- a/frontend/src/lang/en.js +++ b/frontend/src/lang/en.js @@ -96,6 +96,7 @@ export default { showBadges: 'Show badges', showColon: 'Show colon after name', emoticonSize: 'Emoticon size', + largeEmoticonSize: 'Large emoticon size', messages: 'Messages', color: 'Color', diff --git a/frontend/src/lang/ja.js b/frontend/src/lang/ja.js index 779720f..e27ff12 100644 --- a/frontend/src/lang/ja.js +++ b/frontend/src/lang/ja.js @@ -96,6 +96,7 @@ export default { showBadges: '勲章を見せる', showColon: 'ユーザー名の後にコロンが表示されます', emoticonSize: 'スタンプサイズ', + largeEmoticonSize: '大きなスタンプサイズ', messages: 'コメント', color: '色', diff --git a/frontend/src/lang/zh.js b/frontend/src/lang/zh.js index c7789af..e5b337d 100644 --- a/frontend/src/lang/zh.js +++ b/frontend/src/lang/zh.js @@ -96,6 +96,7 @@ export default { showBadges: '显示勋章', showColon: '用户名后显示冒号', emoticonSize: '表情大小', + largeEmoticonSize: '大表情大小', messages: '消息', color: '颜色', diff --git a/frontend/src/views/StyleGenerator/Legacy.vue b/frontend/src/views/StyleGenerator/Legacy.vue index f498db2..e2a6f01 100644 --- a/frontend/src/views/StyleGenerator/Legacy.vue +++ b/frontend/src/views/StyleGenerator/Legacy.vue @@ -135,6 +135,11 @@ + + + + + @@ -384,6 +389,7 @@ export const DEFAULT_CONFIG = { messageColor: '#ffffff', messageOnNewLine: false, emoticonSize: 18, + largeEmoticonSize: 36, showTime: false, timeFont: 'Imprima', @@ -554,6 +560,10 @@ ${!this.form.messageOnNewLine ? '' : `yt-live-chat-text-message-renderer #messag yt-live-chat-text-message-renderer #message .emoji { width: auto !important; height: ${this.form.emoticonSize}px !important; +} + +yt-live-chat-text-message-renderer #message .emoji.blc-large-emoji { + height: ${this.form.largeEmoticonSize}px !important; }` }, timeStyle() { diff --git a/frontend/src/views/StyleGenerator/LineLike.vue b/frontend/src/views/StyleGenerator/LineLike.vue index 55d3703..230cac4 100644 --- a/frontend/src/views/StyleGenerator/LineLike.vue +++ b/frontend/src/views/StyleGenerator/LineLike.vue @@ -108,6 +108,11 @@ + + + + + @@ -328,6 +333,7 @@ export const DEFAULT_CONFIG = { messageLineHeight: 0, messageColor: '#000000', emoticonSize: 18, + largeEmoticonSize: 36, showTime: false, timeFont: 'Noto Sans SC', @@ -472,6 +478,10 @@ yt-live-chat-text-message-renderer #message .emoji { height: ${this.form.emoticonSize}px !important; } +yt-live-chat-text-message-renderer #message .emoji.blc-large-emoji { + height: ${this.form.largeEmoticonSize}px !important; +} + /* The triangle beside dialog */ yt-live-chat-text-message-renderer #message::before { content: "";