tmayo

Active Member
I might have simply missed a setting somewhere, but is it possible to display the message user info block on smaller displays instead of hiding it?

And ideally adding a toggle switch like is possible with the desktop user info block?

I'm not wanting to use the toggle for desktop user info as I prefer it to always be displayed, but I would like to use this for smaller displays if possible.

Thank you.
 
Solution
If you enable the "Hide message user info" under: Style properties -> Messages, then add this to your extra.less:

Code:
@media (min-width: (@xf-messageSingleColumnWidth  + 1))
{
    .message-cell.message-cell--user
    {
        .message-userExtras
        {
            display: block;
            height: auto;
            opacity: 1;
        }
        .collapseTrigger
        {
            display: none;
        }
    }

}

it will make it so the toggle only works on mobile. Is that what you're after?
If you enable the "Hide message user info" under: Style properties -> Messages, then add this to your extra.less:

Code:
@media (min-width: (@xf-messageSingleColumnWidth  + 1))
{
    .message-cell.message-cell--user
    {
        .message-userExtras
        {
            display: block;
            height: auto;
            opacity: 1;
        }
        .collapseTrigger
        {
            display: none;
        }
    }

}

it will make it so the toggle only works on mobile. Is that what you're after?
 
Solution

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.

Back