Small css suggestion for Collection-repeat

ionic-v1
1

The Collection-repeat directive works great! When side by side with a list that does not use the directive, the border is one pixel bigger. To fix this, I changed .my-item to this…

.my-item {
  left: 0;
  right: 0;
  border-width: 1px 0 0 0;
}

I also made my ion-item 1px shorter.

Now my lists look identical. I know this is a really small issue, but I thought I would share it.

2 Likes