Hi - quick question on yesterday's server update: I noticed "Combining visible and invisible tags in the same list...

Hi - quick question on yesterday's server update: I noticed "Combining visible and invisible tags in the same list item"  but can't get this working.

I have (dashes added to tags just to stop G+ tagging them up):

   This is my item #-work #-boss

And my CSS makes #-work invisible and gives it an icon (which BTW is the absolute killer feature for me which is why I got a Pro account). But when I do this then #-boss is made invisible too. There's no CSS syle defined for #-boss

Am I doing something wrong? Is there something in my CSS I should look at?

Thanks

Comments

  1. Kirill Maximov (KIR)6 May 2015 at 08:55

    Hi, the CSS should be altered to make only #-work invisible - please take a look at this sample: https://checkvist.com/checklists/486715/tasks/16904797

    There should be no space between .tag.tag_work in the CSS

    Hope this helps,

    ReplyDelete
  2. Stuart Gibbons6 May 2015 at 14:13

    Sorted, thanks Kirill Maximov

    ReplyDelete
  3. Stuart Gibbons7 May 2015 at 07:42

    ..ah, small side effect :) When I go to the tags page then the hidden tags are hidden there too!

    I just see a big list of coloured squares with 'x4' etc.

    ReplyDelete
  4. Kirill Maximov (KIR)7 May 2015 at 08:09

    Oops. Thanks. I've corrected the CSS, it should have .topLevel prefix: https://checkvist.com/checklists/486715/tasks/16904797

    ReplyDelete
  5. Stuart Gibbons7 May 2015 at 08:13

    That's fixed it, thanks

    ReplyDelete
  6. Stuart Gibbons12 May 2015 at 14:45

    One more question if I may. Is it possible to apply styling just to the text and not the icon? e.g.

    /* proj-Mentoring  */
    .tag_proj-Mentoring  .userContent:before {
      content: "\F0E6"; 
      font-family: FontAwesome;
      padding-right: 5px;
    }
    .topLevel .tag.tag_proj-Mentoring {
       display:none;  
    }
    .tag_proj-Mentoring  .userContent {
      color:#00CC99; 
      font-weight:bold;
    }


    I'd like the bold just to apply to the list item, not the icon too

    ReplyDelete
  7. Kirill Maximov (KIR)13 May 2015 at 01:47

    I think that if you place font-weight: normal; color: #222; to the icon CSS, this should do the trick?

    ReplyDelete
  8. Stuart Gibbons13 May 2015 at 06:50

    Afraid not, .usercontent seems to override/include the icon section. I've tried the same with underline (text-decoration) with the same results - the :before section seems to also be treated as part of the .usercontent which the bold/underlined style is then applied to.

    Also tried switching the position to have .usercontent first but no joy.

    Not a biggie, just trying to make things a bit tidier.

    ReplyDelete
  9. Kirill Maximov (KIR)15 May 2015 at 01:52

    I just tried it - it works, partially. font-weight and color attributes can be overridden in the :before section, but you cannot remove text-decoration, unfortunately.

    I used the following code:
    .tag_proj-Mentoring  .userContent:before {
      content: "\F0E6"; 
      font-family: FontAwesome;
      padding-right: 5px;
      font-weight:normal;
      color: black;
    }
    .topLevel .tag.tag_proj-Mentoring {
       display:none;  
    }
    .tag_proj-Mentoring  .userContent {
      color:#00CC99; 
      font-weight:bold;
    }

    ReplyDelete

Post a Comment

Popular posts from this blog

Hello friends

Hello friends, Recently we've got a request to introduce a shortcut to move items to the first/last position on the current level of hierarchy: https://checkvist.uservoice.com/forums/2121-general/suggestions/15758854-shortcut-to-send-an-item-at-the-top-of-the-current And this bring me to a thought to use the current shortcut (Ctrl+Home/Ctrl+End) for this purpose. But with an extension - if an item is already on the top position on the current hierarchy level, Ctrl+Home would move item one level up (and put it at the beginning of this level). This will break the current behaviour (moving item to the beginning of the list), but probably will make this shortcut more useful. What do you think? https://checkvist.uservoice.com/forums/2121-general/suggestions/15758854-shortcut-to-send-an-item-at-the-top-of-the-current
Read more

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