Fix focusing avatars in weird places
This commit is contained in:
parent
609f4cff5b
commit
3a49c3eb37
10 changed files with 14 additions and 3 deletions
|
@ -46,6 +46,7 @@
|
||||||
v-if="item.avatar"
|
v-if="item.avatar"
|
||||||
:user="item.avatar"
|
:user="item.avatar"
|
||||||
class="avatar"
|
class="avatar"
|
||||||
|
disableLink
|
||||||
/>
|
/>
|
||||||
<span :style="item.textStyle || ''">{{ item.text }}</span>
|
<span :style="item.textStyle || ''">{{ item.text }}</span>
|
||||||
<span v-if="item.indicate" class="indicator"
|
<span v-if="item.indicate" class="indicator"
|
||||||
|
@ -88,7 +89,7 @@
|
||||||
@mouseenter.passive="onItemMouseEnter(item)"
|
@mouseenter.passive="onItemMouseEnter(item)"
|
||||||
@mouseleave.passive="onItemMouseLeave(item)"
|
@mouseleave.passive="onItemMouseLeave(item)"
|
||||||
>
|
>
|
||||||
<MkAvatar :user="item.user" class="avatar" /><MkUserName
|
<MkAvatar :user="item.user" class="avatar" disableLink /><MkUserName
|
||||||
:user="item.user"
|
:user="item.user"
|
||||||
/>
|
/>
|
||||||
<span v-if="item.indicate" class="indicator"
|
<span v-if="item.indicate" class="indicator"
|
||||||
|
@ -157,6 +158,7 @@
|
||||||
v-if="item.avatar"
|
v-if="item.avatar"
|
||||||
:user="item.avatar"
|
:user="item.avatar"
|
||||||
class="avatar"
|
class="avatar"
|
||||||
|
disableLink
|
||||||
/>
|
/>
|
||||||
<span :style="item.textStyle || ''">{{ item.text }}</span>
|
<span :style="item.textStyle || ''">{{ item.text }}</span>
|
||||||
<span v-if="item.indicate" class="indicator"
|
<span v-if="item.indicate" class="indicator"
|
||||||
|
|
|
@ -46,6 +46,7 @@
|
||||||
:user="user"
|
:user="user"
|
||||||
class="avatar"
|
class="avatar"
|
||||||
:show-indicator="true"
|
:show-indicator="true"
|
||||||
|
disableLink
|
||||||
/>
|
/>
|
||||||
<div class="body">
|
<div class="body">
|
||||||
<MkUserName :user="user" class="name" />
|
<MkUserName :user="user" class="name" />
|
||||||
|
@ -73,6 +74,7 @@
|
||||||
:user="user"
|
:user="user"
|
||||||
class="avatar"
|
class="avatar"
|
||||||
:show-indicator="true"
|
:show-indicator="true"
|
||||||
|
disableLink
|
||||||
/>
|
/>
|
||||||
<div class="body">
|
<div class="body">
|
||||||
<MkUserName :user="user" class="name" />
|
<MkUserName :user="user" class="name" />
|
||||||
|
|
|
@ -7,7 +7,7 @@
|
||||||
>
|
>
|
||||||
<div class="beaffaef">
|
<div class="beaffaef">
|
||||||
<div v-for="u in users" :key="u.id" class="user">
|
<div v-for="u in users" :key="u.id" class="user">
|
||||||
<MkAvatar class="avatar" :user="u" />
|
<MkAvatar class="avatar" :user="u" disableLink />
|
||||||
<MkUserName class="name" :user="u" :nowrap="true" />
|
<MkUserName class="name" :user="u" :nowrap="true" />
|
||||||
</div>
|
</div>
|
||||||
<div v-if="users.length < count" class="omitted">
|
<div v-if="users.length < count" class="omitted">
|
||||||
|
|
|
@ -19,6 +19,7 @@
|
||||||
class="avatar"
|
class="avatar"
|
||||||
:user="$i"
|
:user="$i"
|
||||||
:disable-preview="true"
|
:disable-preview="true"
|
||||||
|
disableLink
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<template v-if="metadata">
|
<template v-if="metadata">
|
||||||
|
@ -33,6 +34,7 @@
|
||||||
:user="metadata.avatar"
|
:user="metadata.avatar"
|
||||||
:disable-preview="true"
|
:disable-preview="true"
|
||||||
:show-indicator="true"
|
:show-indicator="true"
|
||||||
|
disableLink
|
||||||
/>
|
/>
|
||||||
<i
|
<i
|
||||||
v-else-if="metadata.icon && !narrow"
|
v-else-if="metadata.icon && !narrow"
|
||||||
|
|
|
@ -12,7 +12,7 @@
|
||||||
class="user"
|
class="user"
|
||||||
:to="`/user-info/${user.id}`"
|
:to="`/user-info/${user.id}`"
|
||||||
>
|
>
|
||||||
<MkAvatar :user="user" class="avatar" indicator />
|
<MkAvatar :user="user" class="avatar" indicator disableLink />
|
||||||
</MkA>
|
</MkA>
|
||||||
</div>
|
</div>
|
||||||
</Transition>
|
</Transition>
|
||||||
|
|
|
@ -23,6 +23,7 @@
|
||||||
class="avatar"
|
class="avatar"
|
||||||
:user="req.follower"
|
:user="req.follower"
|
||||||
:show-indicator="true"
|
:show-indicator="true"
|
||||||
|
disableLink
|
||||||
/>
|
/>
|
||||||
<div class="body">
|
<div class="body">
|
||||||
<div class="name">
|
<div class="name">
|
||||||
|
|
|
@ -18,6 +18,7 @@
|
||||||
<MkAvatar
|
<MkAvatar
|
||||||
:user="$i"
|
:user="$i"
|
||||||
class="icon"
|
class="icon"
|
||||||
|
disableLink
|
||||||
/><!-- <MkAcct class="text" :user="$i"/> -->
|
/><!-- <MkAcct class="text" :user="$i"/> -->
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -18,6 +18,7 @@
|
||||||
<MkAvatar
|
<MkAvatar
|
||||||
:user="$i"
|
:user="$i"
|
||||||
class="icon"
|
class="icon"
|
||||||
|
disableLink
|
||||||
/><!-- <MkAcct class="text" :user="$i"/> -->
|
/><!-- <MkAcct class="text" :user="$i"/> -->
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -83,6 +83,7 @@
|
||||||
<MkAvatar :user="$i" class="avatar" /><MkAcct
|
<MkAvatar :user="$i" class="avatar" /><MkAcct
|
||||||
class="acct"
|
class="acct"
|
||||||
:user="$i"
|
:user="$i"
|
||||||
|
disableLink
|
||||||
/>
|
/>
|
||||||
</button>
|
</button>
|
||||||
<div class="post" @click="post">
|
<div class="post" @click="post">
|
||||||
|
|
|
@ -8,6 +8,7 @@
|
||||||
<MkAvatar :user="$i" class="avatar" /><MkAcct
|
<MkAvatar :user="$i" class="avatar" /><MkAcct
|
||||||
class="text"
|
class="text"
|
||||||
:user="$i"
|
:user="$i"
|
||||||
|
disableLink
|
||||||
/>
|
/>
|
||||||
</button>
|
</button>
|
||||||
<div class="post" data-cy-open-post-form @click="post">
|
<div class="post" data-cy-open-post-form @click="post">
|
||||||
|
|
Loading…
Reference in a new issue