show external link icon in profile

This commit is contained in:
Nolan Lawson 2018-02-10 14:35:21 -08:00
parent ed068f185b
commit e7fc226935
2 changed files with 5 additions and 2 deletions

View file

@ -7,7 +7,7 @@
<Avatar account="{{profile}}" size="big" />
</div>
<div class="account-profile-name">
<ExternalLink href="{{profile.url}}">
<ExternalLink href="{{profile.url}}" showIcon="true" normalIconColor="true">
{{profile.display_name}}
</ExternalLink>
</div>

View file

@ -1,7 +1,7 @@
<a rel="nofollow noopener"
target="_blank"
href="{{href}}"
class="{{className || ''}} {{showIcon ? 'external-link-with-icon' : ''}}">
class="{{className || ''}} {{showIcon ? 'external-link-with-icon' : ''}} {{normalIconColor ? 'normal-icon-color' : ''}}">
<slot></slot>
{{#if showIcon}}
<svg>
@ -20,6 +20,9 @@
height: 14px;
fill: var(--deemphasized-text-color);
}
.external-link-with-icon.normal-icon-color svg {
fill: var(--body-text-color);
}
</style>
<script>
export default {