Merge pull request #655 from osushi-academy/nagata/front/showicons

スマホで表示されていなかったアイコンを表示
osushi-academy · Jan 18, 2022 · fec9352 · fec9352
2 parents 567fd69 + 75bd3c0
commit fec9352
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/app/front/components/ChatRoom.vue b/app/front/components/ChatRoom.vue
@@ -37,8 +37,10 @@
         </transition-group>
         <div v-if="showGraph" class="graph-wrapper">
           <div class="graph-action-area" style="text-align: end">
-            <button class="close-button" @click="showGraph = false">
-              <XIcon></XIcon>
+            <button @click="showGraph = false">
+              <span class="close-button">
+                <XIcon></XIcon>
+              </span>
             </button>
           </div>
           <AnalysisGraph :topic-title="topic.title" :topic-id="topicId" />

diff --git a/app/front/components/TopicHeader.vue b/app/front/components/TopicHeader.vue
@@ -11,11 +11,12 @@
       </div>
       <div class="title">{{ title }}</div>
       <button
-        class="more-button"
         aria-label="メニューを開閉する"
         @click="isOpenDetails = !isOpenDetails"
       >
-        <MoreVerticalIcon aria-hidden="true"></MoreVerticalIcon>
+        <span class="more-button">
+          <MoreVerticalIcon aria-hidden="true"></MoreVerticalIcon>
+        </span>
       </button>
     </div>
     <div v-if="isOpenDetails" class="topic-header__details">
@@ -58,12 +59,13 @@
       </button>
       <button
         v-show="isAdmin || isSpeaker"
-        class="topic-header__bookmark--close-icon"
         aria-label="ピン留め解除"
         title="ピン留め解除"
         @click="removePinnedMessage"
       >
-        <XCircleIcon size="1.2x" aria-hidden="true"></XCircleIcon>
+        <span class="topic-header__bookmark--close-icon">
+          <XCircleIcon size="1.2x" aria-hidden="true"></XCircleIcon>
+        </span>
       </button>
     </div>
   </div>