Numbering interferes with fontawesome icon CSS

Numbering interferes with fontawesome icon CSS



Comments

  1. Kirill Maximov (KIR)12 November 2017 at 02:58

    Thanks, we'll take a look. Possibly there is an alternative way to add an icon, to avoid a clash with numbering CSS. As a workaround you can use an explicit icon like .

    ReplyDelete
  2. Mark Dickens3 January 2018 at 05:03

    Kirill Maximov How would I use this ?

    ReplyDelete
  3. Kirill Maximov (KIR)5 January 2018 at 11:32

    Sorry for the delay. I'd like to ask, have you applied CSS rules from the https://checkvist.com/checklists/486715/tasks/16834507, the part about .numberedList styling?
    beta.checkvist.com - Checkvist customization (CSS samples) - outlined in Checkvist

    ReplyDelete
  4. Mark Dickens30 September 2018 at 07:07

    Kirill Maximov Better late than never :)

    No I haven't applied the numberedList CSS rules ... should I?

    ReplyDelete
  5. Kirill Maximov (KIR)5 October 2018 at 04:41

    Mark Dickens Sorry for the delay again. On the link I posted there is a fragment for custom icon usage when numberedLists are used, please check it out.

    ReplyDelete
  6. Mark Dickens19 December 2018 at 04:41

    Kirill Maximov thanks for this, it does something :)

    Almost there!

    Below is a snippet of the CSS I am using for showing an icon.

    The snippet also transforms the numbering (see attached screen clip) and I'm not sure how to prevent this. Any ideas?

    .fg1 .userContent:before {
    content: "\F132";
    font-family: FontAwesome;
    font-size: 24px;
    font-weight: 500;
    padding-right: 5px;
    color: #cccccc;
    display: inline-block;
    -webkit-transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
    text-shadow: 0.3px 0 0 #000, 0 -0.3px 0 #000, 0 0.3px 0 #000, -0.3px 0 0 #000;
    }

    /* The following section is required to fix case when icon is used with numbered lists /
    .numberedList .fg1 .userContent:before {
    * content: counters(section, ".") ". \F132"; /* Same icon code as in previous section */
    }



    https://lh3.googleusercontent.com/4rxCVe_w5QikBVjABAYzIZCnPgiEQeczR3t1Vp629fj-KJhMKGscXM9NSZgiwi_nigQeBbWNSnOAAZOuWAmjUGRNBOtoDlV-pUUA=s0

    ReplyDelete
  7. Kirill Maximov (KIR)21 December 2018 at 13:59

    Hi Mark Dickens,

    This is all tricky stuff :)

    Try this code instead:

    .fg1.editable:before {
    content: "\F132";
    font-family: FontAwesome;
    font-size: 24px;
    font-weight: 500;
    padding-right: 5px;
    color: #cccccc;
    display: inline-block;
    -webkit-transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
    text-shadow: 0.3px 0 0 #000, 0 -0.3px 0 #000, 0 0.3px 0 #000, -0.3px 0 0 #000;
    }

    Only one section is needed, no duplication.

    HTH,

    ReplyDelete
  8. Mark Dickens28 December 2018 at 06:45

    Kirill Maximov

    Gotcha! That's fab.

    Thanks Kirill.

    I hope Christmas has been good and have a great New Year!

    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