Ion-spinner spiral color problem

ionic-v1
1

I am trying to style the color for ion-spinner spiral, it doesn’t change the color of whole svg, there is still a black tail as can seen here: http://codepen.io/anon/pen/MYzKRd Note this only happens on spiral, any suggestion on how this can be fixed? Thanks.

2

This is one workaround. But @IonicTeam should fix this.

1 Like
3

This is really annoying, I created a issue about it https://github.com/driftyco/ionic/issues/3328

4

Understandable, I can see if I can push a fix for this. But even if you were to use custom colors, you would still need to follow this pattern.

.custom-icon svg {
  stroke: #ae3 !important;
}
.custom-icon svg .stop1 {
  stop-color: #ae3;
}
.custom-icon svg .stop2 {
  stop-color: #ae3;
}