crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix bug where button wouldn't be highlighted after hitting browser back button despite the cursor resting above it

Browse Source
This commit is contained in:
Fabio Berger 2018-10-01 22:04:06 +01:00
parent 8daf2df6e6
commit 42f6842844
1 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/website/ts/components/documentation/tutorial_button.tsx
View File

@ -28,6 +28,7 @@ export class TutorialButton extends React.Component<TutorialButtonProps, Tutoria
to={this.props.tutorialInfo.location} to={this.props.tutorialInfo.location}
className="text-decoration-none" className="text-decoration-none"
onMouseEnter={this._onHover.bind(this)} onMouseEnter={this._onHover.bind(this)}
onMouseOver={this._onHover.bind(this)}
onMouseLeave={this._onHoverOff.bind(this)} onMouseLeave={this._onHoverOff.bind(this)}
> >
<div <div
@ -64,6 +65,9 @@ export class TutorialButton extends React.Component<TutorialButtonProps, Tutoria
); );
} }
private _onHover(_event: React.FormEvent<HTMLInputElement>): void { private _onHover(_event: React.FormEvent<HTMLInputElement>): void {
if (this.state.isHovering) {
return;
}
this.setState({ this.setState({
isHovering: true, isHovering: true,
}); });