Using FontAwesome is a nice way of styling lists...

Using FontAwesome is a nice way of styling lists (https://checkvist.com/checklists/486715-checkvist-customization-css-samples). However, it does not work with "[1]-style"-numbered entries.

It looks like the CSS counter is inserted at the very same location as the FontAwesome glyph (:before). Further, CSS attributes meant for the FontAwesome glyph – like color, size, font-weight, and spacing – are applied to the number, giving a strange look.

Currently I'm adding another rule for numbered lists:

.numberedList .tag_waiting .userContent:before {
    content: counters(section, ".") ". \F017";
    ...
}

Comments

  1. Kirill Maximov (KIR)10 May 2015 at 13:27

    You're right, mixing different formatting may cause some issues. The CSS styling is indeed an advanced option.

    Thanks a lot for finding a solution for numbering + icon case, I've updated the example of tag CSS styling to include it.

    ReplyDelete

Post a Comment

Popular posts from this blog

I'm really enjoy using checkvist, you are adding great features very quickly.

I'm really enjoy using checkvist, you are adding great features very quickly.  What I feel is missing is more use cases.  How are people using Checkvist?  What are some recommend workflows?  How many lists do you have? User Stories will not only help those of use already using Checkvist to be more effective, but attract more non-technical customers. I like to keep my lists at a minimum.  I only split out for sharing but I'd prefer not to. Here are my lists: * Inbox:  This is where zapier based integrations go.  I have Jira tickets and emails tagged with "!action" going to list which I process daily. * The List:  This is my primary list.  Everything is here.  I use sub-nodes for different areas. * Honey Do:  This is the list my wife and I share to make sure we know what we both want done around the house. * "Client Project" - I have a few Lists I share with clients (Free lance web developer). I"m looking to write a more detailed blog post. How are your l...
Read more

Hello friends

Hello friends, We are considering to change behaviour of move up/down command using ctrl+arrows for lists with hierarchy. The new approach is available on our beta site, https://beta.checkvist.com . Could you please try it out and tell us what you think? Thanks! https://beta.checkvist.com
Read more

Hello friends!

Hello friends! I'd like to ask for your opinion regarding multi-line text editing. This suggestion comes from one of our Russian-speaking customers Dolina Zamkova so here is a translated abstract of our email conversation. Current problem: When you write multi-line text, you must press 'Shift-Enter' first, then use 'Enter' to start a new line, then 'Ctrl-Enter' to submit the text. Wouldn't it be easier to have a setting that will allow using Enter to always write multi-line texts, and always submit on 'Ctrl-Enter', like you do it in text messengers? So we could add a new account-wide setting, on the Settings page: () Finish editing by pressing 'Ctrl-Enter' (convenient for multi-line text) What do you think? Do you write multi-line texts in Checkvist at all? Other thoughts of how we could make it better? :)
Read more