Remove text decoration underline for internal links

This commit is contained in:
Angelina Filippova 2020-06-09 23:36:14 +03:00
parent 2d510fb348
commit 1033eee7e8
2 changed files with 15 additions and 2 deletions

View file

@ -5,7 +5,11 @@
<div class="status-account-container"> <div class="status-account-container">
<div class="status-account"> <div class="status-account">
<el-checkbox v-if="showCheckbox" class="status-checkbox" @change="handleStatusSelection(account)"/> <el-checkbox v-if="showCheckbox" class="status-checkbox" @change="handleStatusSelection(account)"/>
<router-link v-if="propertyExists(account, 'id')" :to="{ name: 'UsersShow', params: { id: account.id }}" @click.native.stop> <router-link
v-if="propertyExists(account, 'id')"
:to="{ name: 'UsersShow', params: { id: account.id }}"
class="router-link"
@click.native.stop>
<div class="status-card-header"> <div class="status-card-header">
<img v-if="propertyExists(account, 'avatar')" :src="account.avatar" class="status-avatar-img"> <img v-if="propertyExists(account, 'avatar')" :src="account.avatar" class="status-avatar-img">
<span v-if="propertyExists(account, 'nickname')" class="status-account-name">{{ account.nickname }}</span> <span v-if="propertyExists(account, 'nickname')" class="status-account-name">{{ account.nickname }}</span>
@ -264,6 +268,9 @@ export default {
width: 100%; width: 100%;
} }
} }
.router-link {
text-decoration: none;
}
.show-more-button { .show-more-button {
margin-left: 5px; margin-left: 5px;
} }

View file

@ -2,7 +2,10 @@
<div v-if="!loading" class="status-show-container"> <div v-if="!loading" class="status-show-container">
<header v-if="isDesktop || isTablet" class="user-page-header"> <header v-if="isDesktop || isTablet" class="user-page-header">
<div class="avatar-name-container"> <div class="avatar-name-container">
<router-link v-if="propertyExists(user, 'id')" :to="{ name: 'UsersShow', params: { id: user.id }}"> <router-link
v-if="propertyExists(user, 'id')"
:to="{ name: 'UsersShow', params: { id: user.id }}"
class="router-link">
<div class="avatar-name-header"> <div class="avatar-name-header">
<el-avatar v-if="propertyExists(user, 'avatar')" :src="user.avatar" size="large" /> <el-avatar v-if="propertyExists(user, 'avatar')" :src="user.avatar" size="large" />
<h1 v-if="propertyExists(user, 'nickname')">{{ user.nickname }}</h1> <h1 v-if="propertyExists(user, 'nickname')">{{ user.nickname }}</h1>
@ -173,6 +176,9 @@ export default {
.reset-password-link { .reset-password-link {
text-decoration: underline; text-decoration: underline;
} }
.router-link {
text-decoration: none;
}
.status-container { .status-container {
margin: 0 15px 0 20px; margin: 0 15px 0 20px;
} }