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

It would be very handy to have a single operation to move an item to another list, and then replace the item with a...

It would be very handy to have a single operation to move an item to another list, and then replace the item with a link to that new location. Something like 'extract to existing list' as opposed to the current 'extract as an new list' My use case: I make a distinction between lists which contain mostly action/todo items (in which every item is a candidate for completion), and which are largely for reference/record. Sometimes I move at item from the former type of list to the latter, but want a link left behind. It's quite likely this is far too niche a feature to be worth implementing, but "if you don't ask you don't get" ;)
Read more