diff --git a/frontend/src/lang/en.js b/frontend/src/lang/en.js index 2780d4d..232ffd6 100644 --- a/frontend/src/lang/en.js +++ b/frontend/src/lang/en.js @@ -116,6 +116,7 @@ export default { backgrounds: 'Backgrounds', bgColor: 'Background color', useBarsInsteadOfBg: 'Use bars instead of backgrounds', + showLargeEmoticonBg: 'Show large emoticon background', messageBgColor: 'Message background color', ownerMessageBgColor: 'Owner background color', moderatorMessageBgColor: 'Moderator background color', diff --git a/frontend/src/lang/ja.js b/frontend/src/lang/ja.js index a1523e6..6548c3e 100644 --- a/frontend/src/lang/ja.js +++ b/frontend/src/lang/ja.js @@ -116,6 +116,7 @@ export default { backgrounds: '背景', bgColor: '背景色', useBarsInsteadOfBg: '背景に代わります', + showLargeEmoticonBg: '大きなスタンプの背景を表示する', messageBgColor: 'コメント背景色', ownerMessageBgColor: 'オーナーコメント背景色', moderatorMessageBgColor: '管理者コメント背景色', diff --git a/frontend/src/lang/zh.js b/frontend/src/lang/zh.js index 4d6c608..231a298 100644 --- a/frontend/src/lang/zh.js +++ b/frontend/src/lang/zh.js @@ -116,6 +116,7 @@ export default { backgrounds: '背景', bgColor: '背景色', useBarsInsteadOfBg: '用条代替消息背景', + showLargeEmoticonBg: '显示大表情背景', messageBgColor: '消息背景色', ownerMessageBgColor: '主播消息背景色', moderatorMessageBgColor: '房管消息背景色', diff --git a/frontend/src/views/StyleGenerator/LineLike.vue b/frontend/src/views/StyleGenerator/LineLike.vue index 7f4a049..9e768d4 100644 --- a/frontend/src/views/StyleGenerator/LineLike.vue +++ b/frontend/src/views/StyleGenerator/LineLike.vue @@ -155,6 +155,11 @@ + + + + + @@ -346,6 +351,7 @@ export const DEFAULT_CONFIG = { ownerMessageBgColor: 'rgba(231, 199, 30, 1)', moderatorMessageBgColor: 'rgba(41, 95, 251, 1)', memberMessageBgColor: 'rgba(43, 234, 43, 1)', + showLargeEmoticonBg: true, firstLineFont: 'Noto Sans SC', firstLineFontSize: 20, @@ -475,6 +481,10 @@ yt-live-chat-text-message-renderer #message { border-radius: 24px; } +yt-live-chat-text-message-renderer #message:has(.emoji.blc-large-emoji) { + ${this.form.showLargeEmoticonBg ? '' : 'padding: 0;'} +} + yt-live-chat-text-message-renderer #message .emoji { width: auto !important; height: ${this.form.emoticonSize}px !important; @@ -494,6 +504,10 @@ yt-live-chat-text-message-renderer #message::before { border: 8px solid transparent; border-right: 18px solid; transform: rotate(35deg); +} + +yt-live-chat-text-message-renderer #message:has(.emoji.blc-large-emoji)::before { + ${this.form.showLargeEmoticonBg ? '' : 'content: none;'} }` }, timeStyle() { @@ -512,7 +526,11 @@ ${this.getBgStyleForAuthorType('owner', this.form.ownerMessageBgColor)} ${this.getBgStyleForAuthorType('moderator', this.form.moderatorMessageBgColor)} -${this.getBgStyleForAuthorType('member', this.form.memberMessageBgColor)}` +${this.getBgStyleForAuthorType('member', this.form.memberMessageBgColor)} + +yt-live-chat-text-message-renderer #message:has(.emoji.blc-large-emoji) { + ${this.form.showLargeEmoticonBg ? '' : 'background-color: transparent !important;'} +}` }, scAndNewMemberStyle() { return `/* SuperChat/Fan Funding Messages */