How can I change the "hide notes" part to an icon using CSS?


How can I change the "hide notes" part to an icon using CSS?

Comments

  1. Kirill Maximov (KIR)27 May 2015 at 01:54

    You'll loose information about number of notes and attached files in UI, so I'd consider this a hack:
     
    .notesFragment:before {
      font-family: FontAwesome;
      content: "\f0c2"; 
      visibility:visible;
    }
    .notesFragment {
      visibility: hidden;
    }

    And you'll need to remove previous CSS regarding .hasSomethingIcon

    ReplyDelete
  2. Erik Westenbrink29 May 2015 at 12:40

    Hi, thanks for the relpy. I deleted the stuff regarding .hasSomethingIcon. The problem now is that icons get grouped up below, when I have a list with different lines al with different notes  so I see a bunch of icons packed together. any way to fix this?

    ReplyDelete
  3. Kirill Maximov (KIR)30 May 2015 at 05:45

    Hi, I don't quite understand you, could you please illustrate what you mean. In my case, I can see the cloud icon which allows me to collapse/expand notes section.

    ReplyDelete

Post a Comment

Popular posts from this blog

Google Plus is shutting down, we are moving to Discuss.checkvist.com

Dear friends, As you probably know, Google+ is going to shut down in a couple of months. It was a decent platform for us for many years, but now we have to ask you to move to our new discussion forum - https://discuss.checkvist.com If you need to comment on your old posts in this Google+ forum, please, consider creating a corresponding topic in the new place and add a link to the old discussion. See you there!
Read more