fix

traPtitech · Apr 30, 2020 · 5e74147 · 5e74147
1 parent 0be2eab
commit 5e74147
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 14 deletions.
diff --git a/src/components/Main/MainView/ChannelSidebar/ChannelSidebarHidden.vue b/src/components/Main/MainView/ChannelSidebar/ChannelSidebarHidden.vue
@@ -13,17 +13,13 @@
       :max="3"
       show-count
       :user-ids="viewerIds"
+      :style="styles.rest"
     />
   </div>
 </template>
 
 <script lang="ts">
-import {
-  defineComponent,
-  reactive,
-  PropType,
-  computed
-} from '@vue/composition-api'
+import { defineComponent, reactive, PropType } from '@vue/composition-api'
 import { makeStyles } from '@/lib/styles'
 import Icon from '@/components/UI/Icon.vue'
 import UserIconEllipsisList from '@/components/UI/UserIconEllipsisList.vue'
@@ -50,11 +46,9 @@ export default defineComponent({
     const open = () => {
       context.emit('open')
     }
-    const viewersRest = computed(() => props.viewerIds.length - 3)
     return {
       styles,
-      open,
-      viewersRest
+      open
     }
   }
 })
@@ -74,9 +68,4 @@ export default defineComponent({
   margin-top: 16px;
   cursor: pointer;
 }
-
-.rest {
-  user-select: none;
-  font-weight: bold;
-}
 </style>
diff --git a/src/components/UI/UserIconEllipsisList.vue b/src/components/UI/UserIconEllipsisList.vue
@@ -106,5 +106,6 @@ $countSize: 1.15rem;
 
 .count {
   font-weight: bold;
+  user-select: none;
 }
 </style>