From 13a9f5035d291b8d2489994856d50dcffb7e0a73 Mon Sep 17 00:00:00 2001
From: jessopb <36554050+jessopb@users.noreply.github.com>
Date: Fri, 10 Dec 2021 13:08:15 -0500
Subject: [PATCH] Fixes the play/pause on drag issue with the floating player.
 (#221) (#7339)

I tried to use event.preventDefault on the click handler but that didn't
work. So instead I'm using css 'pointer-events: none' to disable click
events on the player while the player is being dragged.

https://github.com/OdyseeTeam/odysee-frontend/issues/206

Co-authored-by: maxime peabody <maximepeabody@gmail.com>
---
 ui/scss/component/_content.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/ui/scss/component/_content.scss b/ui/scss/component/_content.scss
index a74fb5cb7..b94fb175e 100644
--- a/ui/scss/component/_content.scss
+++ b/ui/scss/component/_content.scss
@@ -4,6 +4,10 @@
   top: var(--spacing-s);
 }
 
+.content__viewer--disable-click {
+  pointer-events: none;
+}
+
 .content__viewer--inline {
   max-height: var(--inline-player-max-height);
   border: none;