monorail
/
mastodon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Do not rely on hover for upload form options if touch is used

This commit is contained in:
Thibaut Girka 2018-10-26 16:46:53 +02:00 committed by ThibG
parent 0e8de56a22
commit 8f4fab65a1
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/javascript/flavours/glitch/features/composer/upload_form/item/index.js
View File

@ -14,6 +14,7 @@ import IconButton from 'flavours/glitch/components/icon_button';
// Utils. // Utils.
import Motion from 'flavours/glitch/util/optional_motion'; import Motion from 'flavours/glitch/util/optional_motion';
import { assignHandlers } from 'flavours/glitch/util/react_helpers'; import { assignHandlers } from 'flavours/glitch/util/react_helpers';
import { isUserTouching } from 'flavours/glitch/util/is_mobile';
// Messages. // Messages.
const messages = defineMessages({ const messages = defineMessages({
@ -130,7 +131,7 @@ export default class ComposerUploadFormItem extends React.PureComponent {
hovered, hovered,
dirtyDescription, dirtyDescription,
} = this.state; } = this.state;
const active = hovered || focused; const active = hovered || focused || isUserTouching();
const computedClass = classNames('composer--upload_form--item', { active }); const computedClass = classNames('composer--upload_form--item', { active });
const x = ((focusX / 2) + .5) * 100; const x = ((focusX / 2) + .5) * 100;
const y = ((focusY / -2) + .5) * 100; const y = ((focusY / -2) + .5) * 100;