Results 1 to 3 of 3

Thread: List odd/even css selector problem

    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Touch Premium Member BostonMerlin's Avatar
    Join Date
    Aug 2010
    Location
    Boston
    Posts
    559
    Vote Rating
    44
      0  

    Default List odd/even css selector problem

    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

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

    list-odd-even-css-prob.PNG

  2. #2
    Sencha User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,062
    Vote Rating
    1390
      0  

    Default

    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?
    Mitchell Simoens @LikelyMitch
    Modus Create, Senior Frontend Engineer
    ________________
    Need any sort of Ext JS help? Modus Create is here to help!

    Check out my GitHub:
    https://github.com/mitchellsimoens

  3. #3
    Touch Premium Member BostonMerlin's Avatar
    Join Date
    Aug 2010
    Location
    Boston
    Posts
    559
    Vote Rating
    44
      0  

    Default

    Thanks, Mitchell. I replaced my custom css with
    $list-zebrastripe and hit the same problem.

    Thanks, John

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •