collaboration_overlay_menu.html 2.61 KB
Newer Older
1 2 3 4 5
<div id="overlay_menu" class="overlay fixed" style="z-index: 6 !important;">
  <div class="overlay_menu_wrap">
    <div class="overlay_menu h-100 d-flex justify-content-center align-items-center">
      <div class="menu_wrap">
        <div class="menu d-flex flex-row flex-wrap">
6
          <div class="item collaboration_contents picture_contents document_contents board_contents video_contents">
7
            <a href="javascript:changeCollaboration(COLLABORATION_TYPE.AUDIO);"
8 9 10 11 12 13 14 15
               class="d-flex flex-column align-items-center">
              <div class="img_wrap">
                <img src="icon/icon_collabo_headset.png" alt="音声共有">
              </div>
              <span>音声共有</span>
            </a>
          </div>
          <div class="item collaboration_contents picture_contents voice_contents document_contents board_contents">
16
            <a href="javascript:changeCollaboration(COLLABORATION_TYPE.VIDEO);"
17 18 19 20 21 22 23 24
               class="d-flex flex-column align-items-center">
              <div class="img_wrap">
                <img src="icon/icon_collabo_videocam.png" alt="動画共有">
              </div>
              <span>動画共有</span>
            </a>
          </div>
          <div class="item collaboration_contents video_contents voice_contents document_contents board_contents">
25
            <a href="javascript:changeCollaboration(COLLABORATION_TYPE.CAMERA);"
26 27 28 29 30 31 32 33
               class="d-flex flex-column align-items-center">
              <div class="img_wrap">
                <img src="icon/icon_collabo_picture.png" alt="写真共有">
              </div>
              <span>写真共有</span>
            </a>
          </div>
          <div class="item collaboration_contents video_contents voice_contents picture_contents board_contents">
34
            <a href="javascript:changeCollaboration(COLLABORATION_TYPE.DOCUMENT);"
35 36 37 38 39 40 41 42
               class="d-flex flex-column align-items-center">
              <div class="img_wrap">
                <img src="icon/icon_collabo_document.png" alt="文書共有">
              </div>
              <span>文書共有</span>
            </a>
          </div>
          <div class="item collaboration_contents video_contents voice_contents picture_contents document_contents">
43
            <a href="javascript:changeCollaboration(COLLABORATION_TYPE.BOARD);"
44 45 46 47 48 49 50 51 52 53 54 55
               class="d-flex flex-column align-items-center">
              <div class="img_wrap">
                <img src="icon/icon_collabo_whiteboard.png" alt="落書き">
              </div>
              <span>落書き</span>
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>