样式生成器添加单独设置大表情尺寸

This commit is contained in:
John Smith 2023-10-14 18:04:05 +08:00
parent 83ff877f54
commit c5ec713b4d
5 changed files with 23 additions and 0 deletions

View File

@ -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',

View File

@ -96,6 +96,7 @@ export default {
showBadges: '勲章を見せる',
showColon: 'ユーザー名の後にコロンが表示されます',
emoticonSize: 'スタンプサイズ',
largeEmoticonSize: '大きなスタンプサイズ',
messages: 'コメント',
color: '色',

View File

@ -96,6 +96,7 @@ export default {
showBadges: '显示勋章',
showColon: '用户名后显示冒号',
emoticonSize: '表情大小',
largeEmoticonSize: '大表情大小',
messages: '消息',
color: '颜色',

View File

@ -135,6 +135,11 @@
<el-input v-model.number="form.emoticonSize" type="number" min="0"></el-input>
</el-form-item>
</el-col>
<el-col :xs="24" :sm="12">
<el-form-item :label="$t('stylegen.largeEmoticonSize')">
<el-input v-model.number="form.largeEmoticonSize" type="number" min="0"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-card>
@ -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() {

View File

@ -108,6 +108,11 @@
<el-input v-model.number="form.emoticonSize" type="number" min="0"></el-input>
</el-form-item>
</el-col>
<el-col :xs="24" :sm="12">
<el-form-item :label="$t('stylegen.largeEmoticonSize')">
<el-input v-model.number="form.largeEmoticonSize" type="number" min="0"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-card>
@ -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: "";