From d37126fd03e47c32eaf532937dfc843b952d0d5a Mon Sep 17 00:00:00 2001
From: ThibG <thib@sitedethib.com>
Date: Thu, 15 Aug 2019 22:47:51 +0200
Subject: [PATCH] Allow clicking behind preview (#11576)
---
.../mastodon/features/ui/components/focal_point_modal.js | 4 ++--
app/javascript/styles/mastodon/components.scss | 7 ++++++-
2 files changed, 8 insertions(+), 3 deletions(-)
diff --git a/app/javascript/mastodon/features/ui/components/focal_point_modal.js b/app/javascript/mastodon/features/ui/components/focal_point_modal.js
index 2f5c728a7b..67c5606200 100644
--- a/app/javascript/mastodon/features/ui/components/focal_point_modal.js
+++ b/app/javascript/mastodon/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/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss
index e30b75495b..78ce5d46c8 100644
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@@ -5797,7 +5797,12 @@ noscript {
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;
--
GitLab