usbharu
/
misskey
mirror of https://github.com/misskey-dev/misskey.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix(frontend/WidgetBirthdayFollowings): ユーザーの名前が長いと投稿ボタンがはみ出てしまう問題を修正 (MisskeyIO#582)

This commit is contained in:
まっちゃとーにゅ 2024-03-30 15:55:50 +09:00 committed by GitHub
parent b4420f895e
commit fa47a545b1
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packages/frontend/src/widgets/WidgetBirthdayFollowings.vue
View File

@ -20,13 +20,15 @@ SPDX-License-Identifier: AGPL-3.0-only
<template #default="{ items: users }"> <template #default="{ items: users }">
<MkDateSeparatedList v-slot="{ item }" :items="toMisskeyEntity(users)" :noGap="true"> <MkDateSeparatedList v-slot="{ item }" :items="toMisskeyEntity(users)" :noGap="true">
<div v-if="item.user" :key="item.id" style="display: flex; gap: 8px; padding-right: 16px"> <div v-if="item.user" :key="item.id" style="display: grid; grid-template-columns: auto 56px; grid-column-gap: 8px;">
<MkA :to="userPage(item.user)" style="flex-grow: 1;"> <MkA :to="userPage(item.user)" style="overflow: hidden;">
<MkUserCardMini :user="item.user" :withChart="false" style="background: inherit; border-radius: unset;"/> <MkUserCardMini :user="item.user" :withChart="false" style="text-overflow: ellipsis; background: inherit; border-radius: unset;"/>
</MkA> </MkA>
<button v-tooltip.noDelay="i18n.ts.note" class="_button" :class="$style.post" @click="os.post({initialText: `@${item.user.username}${item.user.host ? `@${item.user.host}` : ''} `})"> <div style="display: flex; margin-right: 16px;">
<i class="ti-fw ti ti-confetti" :class="$style.postIcon"></i> <button v-tooltip.noDelay="i18n.ts.note" class="_button" :class="$style.post" @click="os.post({initialText: `@${item.user.username}${item.user.host ? `@${item.user.host}` : ''} `})">
</button> <i class="ti-fw ti ti-confetti" :class="$style.postIcon"></i>
</button>
</div>
</div> </div>
</MkDateSeparatedList> </MkDateSeparatedList>
</template> </template>