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

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