Merge pull request #575 from traPtitech/feat/viewers-cound

add viewers count

Author: sapphi-red

src/components/Main/MainView/ChannelSidebar/ChannelSidebarHidden.vue

@@ -11,8 +11,9 @@
     <user-icon-ellipsis-list
       direction="col"
       :max="3"
-      :show-count="false"
+      show-count
       :user-ids="viewerIds"
+      :style="styles.rest"
     />
   </div>
 </template>
@@ -28,6 +29,9 @@ const useStyles = () =>
   reactive({
     container: makeStyles(theme => ({
       color: theme.ui.primary
+    })),
+    rest: makeStyles(theme => ({
+      color: theme.ui.secondary
     }))
   })
 

src/components/UI/UserIconEllipsisList.vue

@@ -106,5 +106,6 @@ $countSize: 1.15rem;
 
 .count {
   font-weight: bold;
+  user-select: none;
 }
 </style>