Skip to content

Commit

Permalink
fix(list): applies font awesome's fixed-width class to the (#401)
Browse files Browse the repository at this point in the history
https://fontawesome.com/v4.7.0/examples/#fixed-width

This makes the font awesome icons a uniform width, so when the icon changes from `angle-right` to `angle-down` the adjacent label doesn't shift position.
  • Loading branch information
brimwd authored and dlabrecq committed Jun 27, 2018
1 parent edbe041 commit d2e6fb6
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion src/app/list/basic-list/list-expand-toggle.component.html
@@ -1,5 +1,5 @@
<div class="list-pf-chevron" (click)="toggleExpand()">
<span class="fa fa-angle-right" [ngClass]="{'fa-angle-down': isExpanded}"></span>
<span class="fa fa-fw fa-angle-right" [ngClass]="{'fa-angle-down': isExpanded}"></span>
<ng-template *ngIf="template" let-item="item"
[ngTemplateOutlet]="template"
[ngTemplateOutletContext]="{ item: item }"></ng-template>
Expand Down

0 comments on commit d2e6fb6

Please sign in to comment.