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">
<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">
<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>
@ -264,6 +268,9 @@ export default {
width: 100%;
}
}
.router-link {
text-decoration: none;
}
.show-more-button {
margin-left: 5px;
}

View file

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