XF 2.3 How to make the mini avatar smaller here

[beerForo]

I would like the avatars (seen at the double arrow) to be the same size as seen at the single arrow. Can anyone assist? I'm trying to make that first column narrower and that should do it. Reducing the padding would also help. Thanks!

 

[Old Nick]

Probably by editing the message_macros template, line 123, replace size="s" by size="xxs"

 

[Old Nick]

And for the quick reply one, edit the quick_reply_macros template, replace s by xxs in line 31

<xf:avatar user="$user" size="{{ $simple ? 'xxs' : 'm' }}" defaultname="" />

 

[beerForo]

Cool. Both those work but the left column is still the original size. Any idea how to fix that and have it adjust down to the avatar size plus the padding?

 

[beerForo]

Or is it possible to force it to look the way it does on a phone (small screen) but on the computer so the header info is on top? Then I don't need to edit those things and it has the look I want.

 

[beerForo]

This is how it looks when I shrink the browser window, can I force that look for all viewport sizes?

 

[Old Nick]

Yeah. That's possible... You will have to play with media queries and take inspiration in the message.less template...

 

[Old Nick]

Cool. Both those work but the left column is still the original size. Any idea how to fix that and have it adjust down to the avatar size plus the padding?

In extra.less template

.message--simple .message-cell.message-cell--user {
    flex: 0 0 82px;
}

Adjust the 82px

 

[beerForo]

Yeah. That's possible... You will have to play with media queries and take inspiration in the message.less template...

I have no idea I think it will look better but not sure how to go about it.

 

[Old Nick]

Yes it's a little more complicated to do, it requires a little time and thought, at least for me.

 

[beerForo]

I'd like to figure it out eventually but the edits you posted helped for now, thanks!