collaboration_overlay_menu.html 2.78 KB
Newer Older
藤川諒 committed
1
<div id="overlay_menu" class="fixed hide">
2
  <div class="overlay_menu_wrap">
藤川諒 committed
3
    <div class="overlay_menu d-flex justify-content-center align-items-center">
4
      <div class="menu_wrap">
藤川諒 committed
5 6 7
        <div class="menu">
          <div class="item hide rounded-circle shadow m-2 item01">
            <span class="item-overlay rounded-circle collaboration_contents voice_contents"></span>
8
            <a href="javascript:changeCollaboration(COLLABORATION_TYPE.AUDIO);"
9 10
               class="d-flex flex-column align-items-center">
              <div class="img_wrap">
藤川諒 committed
11
                <img src="icon/icon_collabo_headset.svg" alt="音声共有">
12
              </div>
藤川諒 committed
13
              <span>音声</span>
14 15
            </a>
          </div>
藤川諒 committed
16 17
          <div class="item hide rounded-circle shadow m-2 item02">
            <span class="item-overlay rounded-circle collaboration_contents video_contents"></span>
18
            <a href="javascript:changeCollaboration(COLLABORATION_TYPE.VIDEO);"
19
               class="d-flex flex-column align-items-center">
藤川諒 committed
20 21
              <div class="img_wrap m-0">
                <img src="icon/icon_collabo_videocam.svg" alt="動画共有">
22
              </div>
藤川諒 committed
23
              <span>動画</span>
24 25
            </a>
          </div>
藤川諒 committed
26 27
          <div class="item hide rounded-circle shadow m-2 item03">
            <span class="item-overlay rounded-circle collaboration_contents picture_contents"></span>
28
            <a href="javascript:changeCollaboration(COLLABORATION_TYPE.CAMERA);"
29 30
               class="d-flex flex-column align-items-center">
              <div class="img_wrap">
藤川諒 committed
31
                <img src="icon/icon_collabo_picture.svg" alt="写真共有">
32
              </div>
藤川諒 committed
33
              <span>写真</span>
34 35
            </a>
          </div>
藤川諒 committed
36 37
          <div class="item hide rounded-circle shadow m-2 item04">
            <span class="item-overlay rounded-circle collaboration_contents document_contents"></span>
38
            <a href="javascript:changeCollaboration(COLLABORATION_TYPE.DOCUMENT);"
39 40
               class="d-flex flex-column align-items-center">
              <div class="img_wrap">
藤川諒 committed
41
                <img src="icon/icon_collabo_document.svg" alt="文書共有">
42
              </div>
藤川諒 committed
43
              <span>文書</span>
44 45
            </a>
          </div>
藤川諒 committed
46 47
          <div class="item hide rounded-circle shadow m-2 item05">
            <span class="item-overlay rounded-circle collaboration_contents board_contents"></span>
48
            <a href="javascript:changeCollaboration(COLLABORATION_TYPE.BOARD);"
49
               class="d-flex flex-column align-items-center">
藤川諒 committed
50 51
              <div class="img_wrap m-0">
                <img src="icon/icon_collabo_whiteboard.svg" alt="落書き">
52
              </div>
藤川諒 committed
53
              <span>ボード</span>
54 55 56 57 58 59 60
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>