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

pull/157/head
John Smith 1 year ago
parent 83ff877f54
commit c5ec713b4d

@ -96,6 +96,7 @@ export default {
showBadges: 'Show badges', showBadges: 'Show badges',
showColon: 'Show colon after name', showColon: 'Show colon after name',
emoticonSize: 'Emoticon size', emoticonSize: 'Emoticon size',
largeEmoticonSize: 'Large emoticon size',
messages: 'Messages', messages: 'Messages',
color: 'Color', color: 'Color',

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

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

@ -135,6 +135,11 @@
<el-input v-model.number="form.emoticonSize" type="number" min="0"></el-input> <el-input v-model.number="form.emoticonSize" type="number" min="0"></el-input>
</el-form-item> </el-form-item>
</el-col> </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-row>
</el-card> </el-card>
@ -384,6 +389,7 @@ export const DEFAULT_CONFIG = {
messageColor: '#ffffff', messageColor: '#ffffff',
messageOnNewLine: false, messageOnNewLine: false,
emoticonSize: 18, emoticonSize: 18,
largeEmoticonSize: 36,
showTime: false, showTime: false,
timeFont: 'Imprima', timeFont: 'Imprima',
@ -554,6 +560,10 @@ ${!this.form.messageOnNewLine ? '' : `yt-live-chat-text-message-renderer #messag
yt-live-chat-text-message-renderer #message .emoji { yt-live-chat-text-message-renderer #message .emoji {
width: auto !important; width: auto !important;
height: ${this.form.emoticonSize}px !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() { timeStyle() {

@ -108,6 +108,11 @@
<el-input v-model.number="form.emoticonSize" type="number" min="0"></el-input> <el-input v-model.number="form.emoticonSize" type="number" min="0"></el-input>
</el-form-item> </el-form-item>
</el-col> </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-row>
</el-card> </el-card>
@ -328,6 +333,7 @@ export const DEFAULT_CONFIG = {
messageLineHeight: 0, messageLineHeight: 0,
messageColor: '#000000', messageColor: '#000000',
emoticonSize: 18, emoticonSize: 18,
largeEmoticonSize: 36,
showTime: false, showTime: false,
timeFont: 'Noto Sans SC', timeFont: 'Noto Sans SC',
@ -472,6 +478,10 @@ yt-live-chat-text-message-renderer #message .emoji {
height: ${this.form.emoticonSize}px !important; 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 */ /* The triangle beside dialog */
yt-live-chat-text-message-renderer #message::before { yt-live-chat-text-message-renderer #message::before {
content: ""; content: "";

Loading…
Cancel
Save