honeymoose
/
angular-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

24
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>

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

@ -69,33 +69,25 @@ 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;
.fa-2x { padding: 0;
font-size: 20px;
}
&:hover { &:hover {
color: $lightgray; color: $lightgray;
} }
&.icon {
min-width: 20px;
width: 20px;
.fa-2x {
font-size: 20px;
}
}
} }
} }
@ -170,7 +162,7 @@ aio-contributor {
margin: 8px auto; margin: 8px auto;
border: 2px solid $lightgray; border: 2px solid $lightgray;
transition: all .2s ease-in-out; transition: all .2s ease-in-out;
} }
section { section {
font-size: 14px; font-size: 14px;