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. 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. 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. 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

Hello friends

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