iSharkFly-Docs
/
angular-docs-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(aio): fix links on `/about` in Firefox 

Fixes #17661
This commit is contained in:
Georgios Kalpakas 2017-06-21 23:37:53 +03:00 committed by Matias Niemelä
parent 5713e7c9b6
commit 14d2de13bb
2 changed files with 24 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
aio/src/app/embedded/contributor/contributor.component.ts
View File

@ -13,19 +13,17 @@ import { CONTENT_URL_PREFIX } from 'app/documents/document.service';
<div class="contributor-image" [style.background-image]="'url('+pictureBase+(person.picture || noPicture)+')'"> <div class="contributor-image" [style.background-image]="'url('+pictureBase+(person.picture || noPicture)+')'">
<div class="contributor-info"> <div class="contributor-info">
<button *ngIf="person.bio" > <a *ngIf="person.bio" md-button>
<a aria-label="View Bio">View Bio</a> View Bio
</button> </a>
<button *ngIf="person.twitter" class="icon"> <a *ngIf="person.twitter" md-button class="icon"
<a href="https://twitter.com/{{person.twitter}}" target="_blank"> href="https://twitter.com/{{person.twitter}}" target="_blank" (click)="$event.stopPropagation()">
<span class="fa fa-twitter fa-2x"></span> <span class="fa fa-twitter fa-2x"></span>
</a> </a>
</button> <a *ngIf="person.website" md-button class="icon"
<button *ngIf="person.website" class="icon"> href="{{person.website}}" target="_blank" (click)="$event.stopPropagation()">
<a href="{{person.website}}" target="_blank">
<span class="fa fa-link fa-2x"></span> <span class="fa fa-link fa-2x"></span>
</a> </a>
</button>
</div> </div>
</div> </div>
</div> </div>

30
aio/src/styles/2-modules/_contributor.scss
View File

@ -69,32 +69,24 @@ aio-contributor {
opacity: 0; opacity: 0;
border-radius: 50%; border-radius: 50%;
button { [md-button] {
background: none;
border: none;
padding: 0;
margin: 8px;
text-transform: uppercase;
cursor: pointer;
&.icon {
width: 20px;
min-width: 20px;
}
}
a {
color: $white; color: $white;
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
margin: 8px;
padding: 0;
&:hover {
color: $lightgray;
}
&.icon {
min-width: 20px;
width: 20px;
.fa-2x { .fa-2x {
font-size: 20px; font-size: 20px;
} }
&:hover {
color: $lightgray;
} }
} }
} }