DIY [cXF] Hide user extra info and show it on hover

[BassMan]

BassMan submitted a new resource:

Hide user extra info and show it on hover - extra.less

For this:

You don't have permission to view attachments. Attachments are hidden.

... add code to your extra.less template:

/* Hide user extra info */
.message-userExtras {
    opacity: 0;
    max-height: 0px;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
}
.message-cell.message-cell--user:hover .message-userExtras {
    opacity: 1;
    max-height: 300px;
}
/**********/

Read more about this resource...