Skip to content

Commit 5b0f5d0

Browse files
committed
fix(item): Vertically align nav icon w/out flexbox to prevent android crashes, #928
1 parent 7f94a62 commit 5b0f5d0

File tree

1 file changed

+3
-8
lines changed

1 file changed

+3
-8
lines changed

Diff for: scss/_items.scss

+3-8
Original file line numberDiff line numberDiff line change
@@ -390,13 +390,12 @@ button.item,
390390

391391
&:after {
392392
// By default, both <a> and <button> have right side arrow icons
393-
@include display-flex();
394-
@include align-items(center);
395393
@include font-smoothing(antialiased);
396394
position: absolute;
397-
top: 0;
395+
top: 50%;
398396
right: $item-padding - 4;
399-
height: 100%;
397+
display: block;
398+
margin-top: -8px;
400399
color: #ccc;
401400
content: "\f125"; // ion-chevron-right
402401
text-transform: none;
@@ -410,16 +409,12 @@ button.item,
410409
}
411410
}
412411

413-
.grade-b,
414412
.grade-c {
415413
a.item:after,
416414
button.item:after,
417415
.item[href] .item-content:after,
418416
.item[ng-click] .item-content:after {
419-
// override Ionicon arrow with boring character for low end devices
420417
@include font-smoothing(none);
421-
content: '>';
422-
font-family: 'monospace';
423418
}
424419
}
425420

0 commit comments

Comments
 (0)