Merge branch 'feature/#43416_scroll_in_collaboration' into 'develop'

Fixed disable the scroll

See merge request !219

public_new/css/collaboration.css

@@ -486,6 +486,10 @@
   margin: auto 0;
 }
 
+.coview_on_media_image_crown {
+  visibility: hidden;
+}
+
 /**************************** modal *************************/
 #captyaModal .modal-header span,
 #changeHostModal .modal-header span,

public_new/js/views/collaboration/collaboration-add-user.js

 CollaborationUI.initialBindAddUserButton = function () {
   // ユーザー招待メンバー検索
   $(".add_user_btn").click(function () {
-    CollaborationUI.bindEnableScroll();
+    CollaborationUI.enableScroll();
     Common.showLoadingIndicator();
     ChatManagementCommon.selectedUserList = [];
     CollaborationUI.refreshMyGroupForAddUserInCollaboration();

public_new/js/views/collaboration/collaboration.js

 var CollaborationUI = {};
 
 document.addEventListener("DOMContentLoaded", function () {
-  CollaborationUI.bindDisableScroll();
+  CollaborationUI.disableScroll();
 
   // メニューオーバーレイ表示
   CollaborationUI.bindMenuButton();
@@ -36,30 +36,36 @@ CollaborationUI.bindMenuButton = function () {
 
 CollaborationUI.bindDisplayUsersButton = function () {
   $(".user_btn").click(function () {
-    var w = $(this).width();
-
+    const width = $(this).width();
+    $("#overlay_user_list.overlay").stop();
     $(this).toggleClass("hide");
     $("#overlay_user_list.overlay")
       .toggleClass("slidein")
-      .css({ transform: "translateX(" & -w & ")" });
+      .animate({ left: "+=width" }, 500, function () {
+        scrollTo(0, 0);
+      });
 
     if ($(this).hasClass("hide")) {
-      CollaborationUI.bindEnableScroll();
+      CollaborationUI.enableScroll();
     } else {
-      scrollTo(0, 0);
-      CollaborationUI.bindDisableScroll();
+      CollaborationUI.disableScroll();
     }
   });
 };
+function aa() {
+  $("#overlay_user_list.overlay").on("slide.bs.carousel", function () {
+    console.log("peacekim:: #overlay_user_list.overlay moved");
+  });
+}
 
 CollaborationUI.userListSlideOut = function () {
-  const w = $(".user_btn").width();
+  const userButtonWidth = $(".user_btn").width();
   $(".user_btn").removeClass("hide");
   $("#overlay_user_list.overlay")
     .removeClass("slidein")
-    .css({ transform: "translateX(" & -w & ")" });
+    .css({ transform: "translateX(" & -userButtonWidth & ")" });
   scrollTo(0, 0);
-  CollaborationUI.bindDisableScroll();
+  CollaborationUI.disableScroll();
 };
 
 CollaborationUI.bindChangeHostButton = function () {
@@ -76,7 +82,7 @@ CollaborationUI.bindChangeHostButton = function () {
 CollaborationUI.bindCloseButton = function () {
   $(".close_btn").click(function () {
     scrollTo(0, 0);
-    CollaborationUI.bindDisableScroll();
+    CollaborationUI.disableScroll();
   });
 };
 
@@ -89,7 +95,7 @@ CollaborationUI.bindInviteButton = function () {
 /*********************************
  *  Scroll Controls
  ********************************/
-CollaborationUI.bindDisableScroll = function () {
+CollaborationUI.disableScroll = function () {
   document.addEventListener("mousewheel", CollaborationUI.scrollControl, {
     passive: false,
   });
@@ -99,7 +105,7 @@ CollaborationUI.bindDisableScroll = function () {
 };
 
 // スクロール禁止解除
-CollaborationUI.bindEnableScroll = function () {
+CollaborationUI.enableScroll = function () {
   document.removeEventListener("mousewheel", CollaborationUI.scrollControl, {
     passive: false,
   });