Could somebody create a quick CSS snippet to alternate colors between rows that I could use?

Could somebody create a quick CSS snippet to alternate colors between rows that I could use?

Thanks in advance!

Comments

  1. Ralf Hauber12 December 2015 at 11:09

    I played a little with that idea. See https://gist.github.com/hauber/c4656b79098b4c5e6bf4

    ReplyDelete
  2. Ishan Chhabra12 December 2015 at 16:59

    Thanks! This works well, apart from the problem you mentioned in the post. Is it possible to get to true alternating colors for the rows, by making odd li elements at odd depth have color A for 2n and color B for 2n+1, and have li elements at even depth have color B for 2n and color A for 2n+1?

    ReplyDelete
  3. Ralf Hauber13 December 2015 at 04:27

    I guess a general solution is beyond CSS and would need to be informed by the program. Color of following tasks in the outer structure would need to change when you add/delete subtasks or expand/collapse subtasks. Maybe someone with deep insight in the CheckVist structure can come up with a clever solution. Alternatively, one could choose two different sets of colors and alternate them depending on the level of nesting. This would need rules for every level of nesting.

    ReplyDelete
  4. Ishan Chhabra13 December 2015 at 20:30

    How do I target a particular level of nesting? I could just write the rules till level 10, as that is probably the max I would go.

    ReplyDelete
  5. Ishan Chhabra14 December 2015 at 12:40

    Nvm, that won't work either. Looks like this cannot be done with JS.

    ReplyDelete
  6. Kirill Maximov (KIR)15 December 2015 at 05:35

    Hello, you're right, it is hardly possible with CSS only. May I ask you - what are you trying to achieve with color altering? If you need a better separation of list items, bullets mode would suffice?

    You can enable it via 'oo' -> List style.
    Best,

    ReplyDelete
  7. Ishan Chhabra30 December 2015 at 13:16

    Just trying to make the list more readable by alternating colors (similar to how it is done for tables to improve readability).

    Thanks for pointing out bullets mode. It helps, but alternating colors would be better.

    ReplyDelete

Post a Comment

Popular posts from this blog

Any Toggl users here?

Any Toggl users here? I'm putting together an integration so the toggl (Chrome extension) button ( https://github.com/toggl/toggl-button ) is displayed for tasks on a Checkvist list. It's dead simple (a few lines of javascript), but I'm slightly torn on the best way to handle one aspect: whether or not toggl is shown for a particular list. It can't be always-on, as it adds too much clutter for non-projecty lists (who wants a timer button for the carrots on their grocery list?). What I have now is that if any task on a list is tagged #toggl, then all tasks on that list will have the toggl button. A few alternatives I canvassed were: - display toggl buttons only on subtasks of a task tagged with #toggl - display toggl buttons only on focused (hoisted) tasks - find some other way to indicate that all of a list's tasks should have the button, eg. something encoded in the list's name I think what I have now is the most convenient of these (I don't want to hav...
Read more