Full width separate line in ion-list

@felixliu wrote:

Hi, I’m developing an ionic app for recommendation. I’m using ion-list to show the list of shops. The default separate line between ion-list is not full width of the screen.

I’m trying to use ion-list with no-lines attribute and modify the scss file to draw the separate line. However, the css is not working when the code is put in .scss file. Instead, If I put the css as inline style attribute like <ion-item style="border-bottom: 1px solid grey"> then it works as expected.

Is there anyone know what’s the reason and is there any other way to avoid using inline style? Thanks in advance.

Posts: 1

Participants: 1

Read full topic