diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2022-12-27 14:36:33 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2022-12-27 14:36:33 +0900 |
| commit | 9384f5399da39e53855beb8e7f8ded1aa56bf72e (patch) | |
| tree | ce5959571a981b9c4047da3c7b3fd080aa44222c /packages/client/src/components/MkUsersTooltip.vue | |
| parent | wip: retention for dashboard (diff) | |
| download | sharkey-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.vue | 51 |
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> |