diff options
| -rw-r--r-- | app/javascript/flavours/glitch/features/ui/components/focal_point_modal.js | 4 | ||||
| -rw-r--r-- | app/javascript/flavours/glitch/styles/components/modal.scss | 7 |
2 files changed, 8 insertions, 3 deletions
diff --git a/app/javascript/flavours/glitch/features/ui/components/focal_point_modal.js b/app/javascript/flavours/glitch/features/ui/components/focal_point_modal.js index 5135bdd2d..1804a027b 100644 --- a/app/javascript/flavours/glitch/features/ui/components/focal_point_modal.js +++ b/app/javascript/flavours/glitch/features/ui/components/focal_point_modal.js @@ -230,7 +230,7 @@ class FocalPointModal extends ImmutablePureComponent { <div className='report-modal__statuses'> {focals && ( - <div className={classNames('focal-point', { dragging })} ref={this.setRef}> + <div className={classNames('focal-point', { dragging })} ref={this.setRef} onMouseDown={this.handleMouseDown} onTouchStart={this.handleTouchStart}> {media.get('type') === 'image' && <img src={media.get('url')} width={width} height={height} alt='' />} {media.get('type') === 'gifv' && <video src={media.get('url')} width={width} height={height} loop muted autoPlay />} @@ -240,7 +240,7 @@ class FocalPointModal extends ImmutablePureComponent { </div> <div className='focal-point__reticle' style={{ top: `${y * 100}%`, left: `${x * 100}%` }} /> - <div className='focal-point__overlay' onMouseDown={this.handleMouseDown} onTouchStart={this.handleTouchStart} /> + <div className='focal-point__overlay' /> </div> )} diff --git a/app/javascript/flavours/glitch/styles/components/modal.scss b/app/javascript/flavours/glitch/styles/components/modal.scss index c367e204c..60c084d99 100644 --- a/app/javascript/flavours/glitch/styles/components/modal.scss +++ b/app/javascript/flavours/glitch/styles/components/modal.scss @@ -869,7 +869,12 @@ bottom: 10px; right: 10px; z-index: 2; - cursor: default; + cursor: move; + transition: opacity 0.1s ease; + + &:hover { + opacity: 0.5; + } strong { color: $primary-text-color; |