Lee Daehyun · @lee-dh · Lee Munkyeong · Lee Daehyun · Lee Munkyeong · Lee Daehyun
--- a/public_new/chat_room.html
+++ b/public_new/chat_room.html
  <div id="loadingArea"></div>
  <div id="userProfileModal"></div>
  <div id="chatMenuModal"></div>
+  <div id="pictureModal"></div>
+  <!-- メニューモーダル -->
--- a/public_new/chat_room.html
+++ b/public_new/chat_room.html
  <script src="./js/chat-websocket.js"></script>
  <script src="./js/chat-room.js"></script>
  <script>
+    function test(image) {
--- a/public_new/css/chat.css
+++ b/public_new/css/chat.css
    max-width: 75%;
  }
 }
+/*************************** ネームカード *************************/
+  .prifile_name {
--- a/public_new/css/chat.css
+++ b/public_new/css/chat.css

 /**************************** modal *************************/
 /* メニューモーダル */
+.modal-body {
--- a/public_new/css/common.css
+++ b/public_new/css/common.css
-    overflow: auto;
+    height: 150px;
+    overflow: scroll;
    padding-top: 0rem;
-    padding-right: 0rem;
+    padding-right: 1rem;
    margin-top: 1rem;
 }
+.profile_modal .modal-header { display: table; }
 .profile_modal .modal-header,.profile_modal .modal-body { padding-bottom: 0; }
-.profile_modal .modal-footer button { width: 33%; padding: 5px;}
-.profile_modal.w_50 .modal-footer button { width: 50%; padding: 5px;}
-.profile_modal .modal-header .profile_desc{ width: 100%;}
+.profile_modal .modal-footer button { width: 33%; padding: 5px; }
+.profile_modal.w_50 .modal-footer button { width: 50%; padding: 5px; }
+.profile_modal .modal-header .profile_desc{ width: 100%; }
--- a/public_new/js/chat.js
+++ b/public_new/js/chat.js
            }
            let downloadPath = CMS_SERVER_URL + '/chatapi/file/download?fileName=' + imageName + '&roomId=' + CHAT.globalLoginParameter.roomId;
            // アップロードが終了した後ローディング画面から離れてメッセージをメッセージを転送する
-            const lightbox = $('<a/>',{href:imgPath, 'data-lightbox':'attachedImages','data-title':imageName});
-            const image = $('<img/>',{src:imgPath, width:'auto',style:'max-width:100%'});
-            const downloadIcon = $('<a/>',{href:downloadPath, class:'fa fa-download', download:res.fileName});
+            const lightbox = $('<a/>', {'data-lightbox':'attachedImages', 'data-title':imageName});
+            const image = $('<img/>', {src:imgPath, width:'auto', style:'max-width:100%', 'data-toggle':'modal', onclick:'test(this);'});