copyleftie/pinafore
1
0
Fork 0
Code Issues Pull requests Releases Activity

show external link icon in profile

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
routes/_components/AccountProfile.html
View file

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

5
routes/_components/ExternalLink.html
View file

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