summaryrefslogtreecommitdiff
path: root/packages/client/src/components/MkUsersTooltip.vue
diff options
context:
space:
mode:
authorsyuilo <Syuilotan@yahoo.co.jp>2022-12-27 14:36:33 +0900
committersyuilo <Syuilotan@yahoo.co.jp>2022-12-27 14:36:33 +0900
commit9384f5399da39e53855beb8e7f8ded1aa56bf72e (patch)
treece5959571a981b9c4047da3c7b3fd080aa44222c /packages/client/src/components/MkUsersTooltip.vue
parentwip: retention for dashboard (diff)
downloadsharkey-9384f5399da39e53855beb8e7f8ded1aa56bf72e.tar.gz
sharkey-9384f5399da39e53855beb8e7f8ded1aa56bf72e.tar.bz2
sharkey-9384f5399da39e53855beb8e7f8ded1aa56bf72e.zip
rename: client -> frontend
Diffstat (limited to 'packages/client/src/components/MkUsersTooltip.vue')
-rw-r--r--packages/client/src/components/MkUsersTooltip.vue51
1 files changed, 0 insertions, 51 deletions
diff --git a/packages/client/src/components/MkUsersTooltip.vue b/packages/client/src/components/MkUsersTooltip.vue
deleted file mode 100644
index f0384e2d65..0000000000
--- a/packages/client/src/components/MkUsersTooltip.vue
+++ /dev/null
@@ -1,51 +0,0 @@
-<template>
-<MkTooltip ref="tooltip" :showing="showing" :target-element="targetElement" :max-width="250" @closed="emit('closed')">
- <div class="beaffaef">
- <div v-for="u in users" :key="u.id" class="user">
- <MkAvatar class="avatar" :user="u"/>
- <MkUserName class="name" :user="u" :nowrap="true"/>
- </div>
- <div v-if="users.length < count" class="omitted">+{{ count - users.length }}</div>
- </div>
-</MkTooltip>
-</template>
-
-<script lang="ts" setup>
-import { } from 'vue';
-import MkTooltip from './MkTooltip.vue';
-
-defineProps<{
- showing: boolean;
- users: any[]; // TODO
- count: number;
- targetElement: HTMLElement;
-}>();
-
-const emit = defineEmits<{
- (ev: 'closed'): void;
-}>();
-</script>
-
-<style lang="scss" scoped>
-.beaffaef {
- font-size: 0.9em;
- text-align: left;
-
- > .user {
- line-height: 24px;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
-
- &:not(:last-child) {
- margin-bottom: 3px;
- }
-
- > .avatar {
- width: 24px;
- height: 24px;
- margin-right: 3px;
- }
- }
-}
-</style>