component styles with li padding doesn’t work about ionic2-rating HOT 7 CLOSED

Please also try to add !important on padding value.

from ionic2-rating.

Hey, @cj1240
Could you please show me your template and scss files?

from ionic2-rating.

# This is my scss files:

ul {
padding: 0px;
&.rating li {
padding: 1px 1px;
background: none;
color: #387ef5;

ion-icon {
  font-size: 15px;
}

}
}

# **This is my template:**

<rating [(ngModel)]="rate"
readOnly="false"
max="5"
emptyStarIconName="star-outline"
halfStarIconName="star-half"
starIconName="star"
nullable="false"
(ngModelChange)="onModelChange($event)">

#The problem is no matter how I modify the &.rating li padding value，it’s doesn’t work:
&.rating li {
padding: 1px 1px;}

&.rating li {
padding: 10px 10px;}

As shown above，when I running, the padding in star,it's look the same style:

from ionic2-rating.

they are the same style：

but i want to get the following style：

And now I can only modify the value from manually operated,if I delete the padding just like the following pic,I can got the right result (PS: I used the google chrome )

from ionic2-rating.

It can happen when you change the page name or selector and forget to change it in scss file.

from ionic2-rating.

@andrucz Thank you very much! I got it when I add !important on padding value.It's OK!
This tool is very easy to use，I will use it in my team! Thanks!!

Best regards!

from ionic2-rating.

Thanks, @cj1240
I am glad to hear that.

from ionic2-rating.