about summary refs log tree commit diff
path: root/app/javascript
diff options
context:
space:
mode:
authorThibG <thib@sitedethib.com>2019-08-15 22:47:51 +0200
committerEugen Rochko <eugen@zeonfederated.com>2019-08-15 22:47:51 +0200
commitd37126fd03e47c32eaf532937dfc843b952d0d5a (patch)
tree6e7e2a65ce8d5cd04872952c22c5d6cde00a62a8 /app/javascript
parent1bea3181975f377bbccfe92691e2cd281b298ec6 (diff)
Allow clicking behind preview (#11576)
Diffstat (limited to 'app/javascript')
-rw-r--r--app/javascript/mastodon/features/ui/components/focal_point_modal.js4
-rw-r--r--app/javascript/styles/mastodon/components.scss7
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 2f5c728a7..67c560620 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 e30b75495..78ce5d46c 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;