XF 1.2 Changing the style of message_user_info.

Baron

Member
I notice when I shrink my browser width to a small size, the location of message_user_info changes from being on the left of the message to being on the top. The styling changes as well. What do I need to do if I want to make that small browser-width style and location always be like that no matter how wide the browser is?
 
Change max-width to width.
Not correct.

I notice when I shrink my browser width to a small size, the location of message_user_info changes from being on the left of the message to being on the top. The styling changes as well. What do I need to do if I want to make that small browser-width style and location always be like that no matter how wide the browser is?

It's basically this:

Code:
.messageUserInfo
{
    float: none;
    width: auto;
}

.messageUserBlock
{
    overflow: hidden;
    margin-bottom: 5px;
    position: relative;
}

.messageUserBlock div.avatarHolder
{
    float: left;
    padding: 5px;
}

.messageUserBlock h3.userText
{
    margin-left: 128px!important;
}

.message .messageInfo
{
    margin-left: 0px!important;
}

upload_2014-3-11_19-0-28.webp

Looks terrible, in my opinion. Just a load of wasted space.
 
Top Bottom