oss/FrankerFaceZ
oss/FrankerFaceZ
1
0
Fork 0
mirror of https://github.com/FrankerFaceZ/FrankerFaceZ.git synced 2025-08-01 15:38:31 +00:00
Code Wiki Activity

Apply custom chat Font Size on chat input as well (#637)

Browse source 
* Apply custom chat Font Size on chat input as well

* Move `ChatInput` updates to the corresponding module

With that, also emit an event on the chat when the CSS changes

* Fix not listening to the correct `update-chat-css` event

* Also make sure the font size get's applied to vod / clips input, too
This commit is contained in:
Lordmau5 2019-08-24 00:01:46 +02:00 • committed by Mike
parent 2142f132f5
commit 9f9da90452
3 changed files with 13 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/sites/twitch-twilight/modules/chat/index.js
View file

@ -440,6 +440,8 @@ export default class ChatHook extends Module {
this.css_tweaks.toggle('emote-alignment-padded', emote_alignment === 1);
this.css_tweaks.toggle('emote-alignment-baseline', emote_alignment === 2);
this.emit(':update-chat-css');
}
updateLineBorders() {

5
src/sites/twitch-twilight/modules/chat/input.jsx
View file

@ -217,6 +217,11 @@ export default class Input extends Module {
this.ChatInput.on('mount', this.overrideChatInput, this);
this.EmoteSuggestions.on('mount', this.overrideEmoteMatcher, this);
this.MentionSuggestions.on('mount', this.overrideMentionMatcher, this);
this.on('site.css_tweaks:update-chat-css', () => {
for (const chat_input of this.ChatInput.instances)
chat_input.resizeInput();
}, this);
}

7
src/sites/twitch-twilight/modules/css_tweaks/styles/chat-font.scss
View file

@ -8,4 +8,9 @@
.chat-list__lines {
line-height: var(--ffz-chat-line-height);
}
}
}
textarea[data-a-target="chat-input"],
textarea[data-a-target="video-chat-input"] {
font-size: var(--ffz-chat-font-size) !important;
}