fix(client): add :disable-link="true" to some <MkAvatar /> Fix #9606
This commit is contained in:
		
							parent
							
								
									a9acd72eb7
								
							
						
					
					
						commit
						9385767b12
					
				
					 10 changed files with 13 additions and 13 deletions
				
			
		|  | @ -17,7 +17,7 @@ | ||||||
| 			</span> | 			</span> | ||||||
| 			<MkA v-else-if="item.type === 'link'" :to="item.to" :tabindex="i" class="_button" :class="$style.item" @click.passive="close(true)" @mouseenter.passive="onItemMouseEnter(item)" @mouseleave.passive="onItemMouseLeave(item)"> | 			<MkA v-else-if="item.type === 'link'" :to="item.to" :tabindex="i" class="_button" :class="$style.item" @click.passive="close(true)" @mouseenter.passive="onItemMouseEnter(item)" @mouseleave.passive="onItemMouseLeave(item)"> | ||||||
| 				<i v-if="item.icon" class="ti-fw" :class="[$style.icon, item.icon]"></i> | 				<i v-if="item.icon" class="ti-fw" :class="[$style.icon, item.icon]"></i> | ||||||
| 				<MkAvatar v-if="item.avatar" :user="item.avatar" :class="$style.avatar"/> | 				<MkAvatar v-if="item.avatar" :user="item.avatar" :class="$style.avatar" :disable-link="true"/> | ||||||
| 				<span>{{ item.text }}</span> | 				<span>{{ item.text }}</span> | ||||||
| 				<span v-if="item.indicate" :class="$style.indicator"><i class="_indicatorCircle"></i></span> | 				<span v-if="item.indicate" :class="$style.indicator"><i class="_indicatorCircle"></i></span> | ||||||
| 			</MkA> | 			</MkA> | ||||||
|  | @ -27,7 +27,7 @@ | ||||||
| 				<span v-if="item.indicate" :class="$style.indicator"><i class="_indicatorCircle"></i></span> | 				<span v-if="item.indicate" :class="$style.indicator"><i class="_indicatorCircle"></i></span> | ||||||
| 			</a> | 			</a> | ||||||
| 			<button v-else-if="item.type === 'user'" :tabindex="i" class="_button" :class="[$style.item, { [$style.active]: item.active }]" :disabled="item.active" @click="clicked(item.action, $event)" @mouseenter.passive="onItemMouseEnter(item)" @mouseleave.passive="onItemMouseLeave(item)"> | 			<button v-else-if="item.type === 'user'" :tabindex="i" class="_button" :class="[$style.item, { [$style.active]: item.active }]" :disabled="item.active" @click="clicked(item.action, $event)" @mouseenter.passive="onItemMouseEnter(item)" @mouseleave.passive="onItemMouseLeave(item)"> | ||||||
| 				<MkAvatar :user="item.user" :class="$style.avatar"/><MkUserName :user="item.user"/> | 				<MkAvatar :user="item.user" :class="$style.avatar" :disable-link="true"/><MkUserName :user="item.user"/> | ||||||
| 				<span v-if="item.indicate" :class="$style.indicator"><i class="_indicatorCircle"></i></span> | 				<span v-if="item.indicate" :class="$style.indicator"><i class="_indicatorCircle"></i></span> | ||||||
| 			</button> | 			</button> | ||||||
| 			<span v-else-if="item.type === 'switch'" :tabindex="i" :class="$style.item" @mouseenter.passive="onItemMouseEnter(item)" @mouseleave.passive="onItemMouseLeave(item)"> | 			<span v-else-if="item.type === 'switch'" :tabindex="i" :class="$style.item" @mouseenter.passive="onItemMouseEnter(item)" @mouseleave.passive="onItemMouseLeave(item)"> | ||||||
|  | @ -40,7 +40,7 @@ | ||||||
| 			</button> | 			</button> | ||||||
| 			<button v-else :tabindex="i" class="_button" :class="[$style.item, { [$style.danger]: item.danger, [$style.active]: item.active }]" :disabled="item.active" @click="clicked(item.action, $event)" @mouseenter.passive="onItemMouseEnter(item)" @mouseleave.passive="onItemMouseLeave(item)"> | 			<button v-else :tabindex="i" class="_button" :class="[$style.item, { [$style.danger]: item.danger, [$style.active]: item.active }]" :disabled="item.active" @click="clicked(item.action, $event)" @mouseenter.passive="onItemMouseEnter(item)" @mouseleave.passive="onItemMouseLeave(item)"> | ||||||
| 				<i v-if="item.icon" class="ti-fw" :class="[$style.icon, item.icon]"></i> | 				<i v-if="item.icon" class="ti-fw" :class="[$style.icon, item.icon]"></i> | ||||||
| 				<MkAvatar v-if="item.avatar" :user="item.avatar" :class="$style.avatar"/> | 				<MkAvatar v-if="item.avatar" :user="item.avatar" :class="$style.avatar" :disable-link="true"/> | ||||||
| 				<span>{{ item.text }}</span> | 				<span>{{ item.text }}</span> | ||||||
| 				<span v-if="item.indicate" :class="$style.indicator"><i class="_indicatorCircle"></i></span> | 				<span v-if="item.indicate" :class="$style.indicator"><i class="_indicatorCircle"></i></span> | ||||||
| 			</button> | 			</button> | ||||||
|  |  | ||||||
|  | @ -9,7 +9,7 @@ | ||||||
| 	<header :class="$style.header"> | 	<header :class="$style.header"> | ||||||
| 		<button v-if="!fixed" :class="$style.cancel" class="_button" @click="cancel"><i class="ti ti-x"></i></button> | 		<button v-if="!fixed" :class="$style.cancel" class="_button" @click="cancel"><i class="ti ti-x"></i></button> | ||||||
| 		<button v-click-anime v-tooltip="i18n.ts.switchAccount" :class="$style.account" class="_button" @click="openAccountMenu"> | 		<button v-click-anime v-tooltip="i18n.ts.switchAccount" :class="$style.account" class="_button" @click="openAccountMenu"> | ||||||
| 			<MkAvatar :user="postAccount ?? $i" :class="$style.avatar"/> | 			<MkAvatar :user="postAccount ?? $i" :class="$style.avatar" :disable-link="true" /> | ||||||
| 		</button> | 		</button> | ||||||
| 		<div :class="$style.headerRight"> | 		<div :class="$style.headerRight"> | ||||||
| 			<span :class="[$style.textCount, { [$style.textOver]: textLength > maxTextLength }]">{{ maxTextLength - textLength }}</span> | 			<span :class="[$style.textCount, { [$style.textOver]: textLength > maxTextLength }]">{{ maxTextLength - textLength }}</span> | ||||||
|  |  | ||||||
|  | @ -7,7 +7,7 @@ | ||||||
| 		</div> | 		</div> | ||||||
| 		<div :class="$style.users"> | 		<div :class="$style.users"> | ||||||
| 			<div v-for="u in users" :key="u.id" :class="$style.user"> | 			<div v-for="u in users" :key="u.id" :class="$style.user"> | ||||||
| 				<MkAvatar :class="$style.avatar" :user="u"/> | 				<MkAvatar :class="$style.avatar" :user="u" :disable-link="true"/> | ||||||
| 				<MkUserName :user="u" :nowrap="true"/> | 				<MkUserName :user="u" :nowrap="true"/> | ||||||
| 			</div> | 			</div> | ||||||
| 			<div v-if="users.length > 10">+{{ count - 10 }}</div> | 			<div v-if="users.length > 10">+{{ count - 10 }}</div> | ||||||
|  |  | ||||||
|  | @ -1,11 +1,11 @@ | ||||||
| <template> | <template> | ||||||
| <div v-if="show" ref="el" :class="[$style.root, { [$style.slim]: narrow, [$style.thin]: thin_ }]" :style="{ background: bg }" @click="onClick"> | <div v-if="show" ref="el" :class="[$style.root, { [$style.slim]: narrow, [$style.thin]: thin_ }]" :style="{ background: bg }" @click="onClick"> | ||||||
| 	<div v-if="narrow" :class="$style.buttonsLeft"> | 	<div v-if="narrow" :class="$style.buttonsLeft"> | ||||||
| 		<MkAvatar v-if="props.displayMyAvatar && $i" :class="$style.avatar" :user="$i" :disable-preview="true"/> | 		<MkAvatar v-if="props.displayMyAvatar && $i" :class="$style.avatar" :user="$i" :disable-preview="true" :disable-link="true"/> | ||||||
| 	</div> | 	</div> | ||||||
| 	<template v-if="metadata"> | 	<template v-if="metadata"> | ||||||
| 		<div v-if="!hideTitle" :class="$style.titleContainer" @click="showTabsPopup"> | 		<div v-if="!hideTitle" :class="$style.titleContainer" @click="showTabsPopup"> | ||||||
| 			<MkAvatar v-if="metadata.avatar" :class="$style.titleAvatar" :user="metadata.avatar" :disable-preview="true" :show-indicator="true"/> | 			<MkAvatar v-if="metadata.avatar" :class="$style.titleAvatar" :user="metadata.avatar" :disable-preview="true" :show-indicator="true" :disable-link="true"/> | ||||||
| 			<i v-else-if="metadata.icon" :class="[$style.titleIcon, metadata.icon]"></i> | 			<i v-else-if="metadata.icon" :class="[$style.titleIcon, metadata.icon]"></i> | ||||||
| 
 | 
 | ||||||
| 			<div :class="$style.title"> | 			<div :class="$style.title"> | ||||||
|  |  | ||||||
|  | @ -6,7 +6,7 @@ | ||||||
| 
 | 
 | ||||||
| 			<div v-for="account in accounts" :key="account.id" class="_panel _button lcjjdxlm" @click="menu(account, $event)"> | 			<div v-for="account in accounts" :key="account.id" class="_panel _button lcjjdxlm" @click="menu(account, $event)"> | ||||||
| 				<div class="avatar"> | 				<div class="avatar"> | ||||||
| 					<MkAvatar :user="account" class="avatar"/> | 					<MkAvatar :user="account" class="avatar" :disable-link="true"/> | ||||||
| 				</div> | 				</div> | ||||||
| 				<div class="body"> | 				<div class="body"> | ||||||
| 					<div class="name"> | 					<div class="name"> | ||||||
|  |  | ||||||
|  | @ -28,7 +28,7 @@ | ||||||
| 							<MkFollowButton v-if="$i.id != user.id" :user="user" :inline="true" :transparent="false" :full="true" class="koudoku"/> | 							<MkFollowButton v-if="$i.id != user.id" :user="user" :inline="true" :transparent="false" :full="true" class="koudoku"/> | ||||||
| 						</div> | 						</div> | ||||||
| 					</div> | 					</div> | ||||||
| 					<MkAvatar class="avatar" :user="user" :disable-preview="true" :show-indicator="true"/> | 					<MkAvatar class="avatar" :user="user" :disable-preview="true" :show-indicator="true" :disable-link="true"/> | ||||||
| 					<div class="title"> | 					<div class="title"> | ||||||
| 						<MkUserName :user="user" :nowrap="false" class="name"/> | 						<MkUserName :user="user" :nowrap="false" class="name"/> | ||||||
| 						<div class="bottom"> | 						<div class="bottom"> | ||||||
|  |  | ||||||
|  | @ -35,7 +35,7 @@ | ||||||
| 				<i class="icon ti ti-pencil ti-fw"></i><span class="text">{{ i18n.ts.note }}</span> | 				<i class="icon ti ti-pencil ti-fw"></i><span class="text">{{ i18n.ts.note }}</span> | ||||||
| 			</button> | 			</button> | ||||||
| 			<button v-click-anime class="item _button account" @click="openAccountMenu"> | 			<button v-click-anime class="item _button account" @click="openAccountMenu"> | ||||||
| 				<MkAvatar :user="$i" class="avatar"/><MkAcct class="text" :user="$i"/> | 				<MkAvatar :user="$i" class="avatar" :disable-link="true"/><MkAcct class="text" :user="$i"/> | ||||||
| 			</button> | 			</button> | ||||||
| 		</div> | 		</div> | ||||||
| 	</div> | 	</div> | ||||||
|  |  | ||||||
|  | @ -45,7 +45,7 @@ | ||||||
| 				<i class="icon ti ti-pencil ti-fw"></i><span class="text">{{ i18n.ts.note }}</span> | 				<i class="icon ti ti-pencil ti-fw"></i><span class="text">{{ i18n.ts.note }}</span> | ||||||
| 			</button> | 			</button> | ||||||
| 			<button v-click-anime v-tooltip.noDelay.right="`${i18n.ts.account}: @${$i.username}`" class="item _button account" @click="openAccountMenu"> | 			<button v-click-anime v-tooltip.noDelay.right="`${i18n.ts.account}: @${$i.username}`" class="item _button account" @click="openAccountMenu"> | ||||||
| 				<MkAvatar :user="$i" class="avatar"/><MkAcct class="text" :user="$i"/> | 				<MkAvatar :user="$i" class="avatar" :disable-link="true"/><MkAcct class="text" :user="$i"/> | ||||||
| 			</button> | 			</button> | ||||||
| 		</div> | 		</div> | ||||||
| 	</div> | 	</div> | ||||||
|  |  | ||||||
|  | @ -29,7 +29,7 @@ | ||||||
| 				<i class="ti ti-settings ti-fw"></i> | 				<i class="ti ti-settings ti-fw"></i> | ||||||
| 			</MkA> | 			</MkA> | ||||||
| 			<button v-click-anime class="item _button account" @click="openAccountMenu"> | 			<button v-click-anime class="item _button account" @click="openAccountMenu"> | ||||||
| 				<MkAvatar :user="$i" class="avatar"/><MkAcct class="acct" :user="$i"/> | 				<MkAvatar :user="$i" class="avatar" :disable-link="true"/><MkAcct class="acct" :user="$i"/> | ||||||
| 			</button> | 			</button> | ||||||
| 			<div class="post" @click="post"> | 			<div class="post" @click="post"> | ||||||
| 				<MkButton class="button" gradate full rounded> | 				<MkButton class="button" gradate full rounded> | ||||||
|  |  | ||||||
|  | @ -1,7 +1,7 @@ | ||||||
| <template> | <template> | ||||||
| <div class="npcljfve" :class="{ iconOnly }"> | <div class="npcljfve" :class="{ iconOnly }"> | ||||||
| 	<button v-click-anime class="item _button account" @click="openAccountMenu"> | 	<button v-click-anime class="item _button account" @click="openAccountMenu"> | ||||||
| 		<MkAvatar :user="$i" class="avatar"/><MkAcct class="text" :user="$i"/> | 		<MkAvatar :user="$i" class="avatar" :disable-link="true"/><MkAcct class="text" :user="$i"/> | ||||||
| 	</button> | 	</button> | ||||||
| 	<div class="post" data-cy-open-post-form @click="post"> | 	<div class="post" data-cy-open-post-form @click="post"> | ||||||
| 		<MkButton class="button" gradate full rounded> | 		<MkButton class="button" gradate full rounded> | ||||||
|  |  | ||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue