PDA

View Full Version : List odd/even css selector problem



BostonMerlin
16 Nov 2012, 12:34 PM
I'm using the following css assigned to a list to create the background-color odd/even effect shown below. In 2.1, notice the rows where 'odd' is not working. Prior to 2.1 it worked.

I have a feeling the new 'infinite scroll' functionality is resetting the internal index when the items are outside the bounds of the list container.

Thanks, John


.widgetListItem:nth-child(odd)
{
background-color:white;
}



40138

mitchellsimoens
19 Nov 2012, 10:56 AM
The list items are transformed via CSS so the odd/even will remain the same index. In SASS, have you tried setting the $list-zebrastripe var to true?

BostonMerlin
21 Nov 2012, 12:58 PM
Thanks, Mitchell. I replaced my custom css with
$list-zebrastripe and hit the same problem.

Thanks, John