oss/FrankerFaceZ
oss/FrankerFaceZ
1
0
Fork 0
mirror of https://github.com/FrankerFaceZ/FrankerFaceZ.git synced 2025-07-05 18:48:31 +00:00
Code Wiki Activity

4.0.0-rc12.12

Browse source 
* Changed: Add a mouse hover event handler for emote menu sections to force emotes to display in the event that the IntersectionObserver fails to update correctly.
This commit is contained in:
SirStendec 2018-08-17 02:02:07 -04:00
parent a2a4ef9d2a
commit 20ade3e5a4
2 changed files with 4 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/main.js
View file

@ -100,7 +100,7 @@ class FrankerFaceZ extends Module {
FrankerFaceZ.Logger = Logger; FrankerFaceZ.Logger = Logger;
const VER = FrankerFaceZ.version_info = { const VER = FrankerFaceZ.version_info = {
major: 4, minor: 0, revision: 0, extra: '-rc12.11', major: 4, minor: 0, revision: 0, extra: '-rc12.12',
commit: __git_commit__, commit: __git_commit__,
build: __webpack_hash__, build: __webpack_hash__,
toString: () => toString: () =>

4
src/sites/twitch-twilight/modules/chat/emote_menu.jsx
View file

@ -459,6 +459,8 @@ export default class EmoteMenu extends Module {
this.clickHeading = this.clickHeading.bind(this); this.clickHeading = this.clickHeading.bind(this);
this.clickEmote = this.clickEmote.bind(this); this.clickEmote = this.clickEmote.bind(this);
this.mouseEnter = () => this.state.intersecting || this.setState({intersecting: true});
this.onMouseEnter = this.onMouseEnter.bind(this); this.onMouseEnter = this.onMouseEnter.bind(this);
this.onMouseLeave = this.onMouseLeave.bind(this); this.onMouseLeave = this.onMouseLeave.bind(this);
} }
@ -562,7 +564,7 @@ export default class EmoteMenu extends Module {
} }
} }
return (<section ref={this.saveRef} data-key={data.key} class={filtered ? 'filtered' : ''}> return (<section ref={this.saveRef} onMouseEnter={this.mouseEnter} data-key={data.key} class={filtered ? 'filtered' : ''}>
{show_heading ? (<heading class="tw-pd-1 tw-border-b tw-flex tw-flex-nowrap" onClick={this.clickHeading}> {show_heading ? (<heading class="tw-pd-1 tw-border-b tw-flex tw-flex-nowrap" onClick={this.clickHeading}>
{image} {image}
<div class="tw-pd-l-05"> <div class="tw-pd-l-05">