From 414bf2bdc20093e7df131f906f539e215a819532 Mon Sep 17 00:00:00 2001
From: romanlesnikov <roman.lesnikov@gmail.com>
Date: Mon, 2 Sep 2024 08:37:58 +0300
Subject: [PATCH] #4707 - Covers don't work correctly on Android devices

---
 inc/js/classes/BxDolUploader.js                       | 11 ++++++++++-
 .../artificer/data/template/system/css/cover.css      |  3 +++
 template/css/cover.css                                |  3 +++
 3 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/inc/js/classes/BxDolUploader.js b/inc/js/classes/BxDolUploader.js
index 927a9fc033..c38cbf8638 100644
--- a/inc/js/classes/BxDolUploader.js
+++ b/inc/js/classes/BxDolUploader.js
@@ -1110,6 +1110,14 @@ BxDolImageTweak.prototype.changePosition = function (){
         $(".bx-image-edit-source-" + $this._sUniqueId).parent().find('.bx-image-edit-move-info').remove();
         $(".bx-image-edit-source-" + $this._sUniqueId).css('background-position', " 0px " + e.offsetY / $(e.currentTarget).height() * 100 + '%');
     });
+    if (window.innerWidth <= 800){
+        $('body').css('overflow', 'hidden')
+        $(".bx-image-edit-source-" + $this._sUniqueId).bind('touchmove', function(e){
+            var touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0];
+            $(".bx-image-edit-source-" + $this._sUniqueId).parent().find('.bx-image-edit-move-info').remove();
+            $(".bx-image-edit-source-" + $this._sUniqueId).css('background-position', " 0px " + touch.pageY / $(e.currentTarget).height() * 100 + '%');
+        });
+    }
     with ($this._oContainerButtons) {
         find('.bx-image-edit-buttons-cancel').removeClass('hidden');
         find('.bx-image-edit-buttons-save').removeClass('hidden');
@@ -1120,8 +1128,9 @@ BxDolImageTweak.prototype.changePosition = function (){
 
 BxDolImageTweak.prototype.cancelPosition = function (){
     var $this = this;
+    $('body').css('overflow', '')
     $(".bx-image-edit-source-" + $this._sUniqueId).parent().find('.bx-image-edit-move-info').remove();
-    $(".bx-image-edit-source-" + $this._sUniqueId).addClass('bx-image-edit-move').unbind('dragover'); 
+    $(".bx-image-edit-source-" + $this._sUniqueId).addClass('bx-image-edit-move').unbind('dragover').unbind('touchmove'); 
     
     with ($this._oContainerButtons) {
         find('.bx-image-edit-buttons-cancel').addClass('hidden');
diff --git a/modules/boonex/artificer/data/template/system/css/cover.css b/modules/boonex/artificer/data/template/system/css/cover.css
index 885a8759a0..5f63a71139 100644
--- a/modules/boonex/artificer/data/template/system/css/cover.css
+++ b/modules/boonex/artificer/data/template/system/css/cover.css
@@ -36,6 +36,9 @@ import url(../../../../../../../template/css/cover.css);
     position: relative;
     z-index: 99;
 }
+.bg-cover{
+    background-size: 100% auto !important;
+}
 .bx-image-edit-move-info{
     display: flex;
     align-items: center;
diff --git a/template/css/cover.css b/template/css/cover.css
index a80bdda003..ddddb76017 100644
--- a/template/css/cover.css
+++ b/template/css/cover.css
@@ -41,6 +41,9 @@
     position: relative;
     z-index: 99;
 }
+.bg-cover{
+    background-size: 100% auto !important;
+}
 .bx-image-edit-move-info{
     display: flex;
     align-items: center;