Postbit overlap for modern message layout w/large avatars

Discussion in 'Closed Reports' started by Optic, Feb 23, 2015.

  1. Optic

    Optic Member

    I'm back with another large avatar issue. :eek:

    When this style property is set:
    [XB] Message and Elements --> Layouts --> Message Layout 3 (Modern)

    It results in the postbit looking disjointed. Specifically there is overlap on the postbit itself, and the left triangle arrow is on top of the message body. The online user indicator is also no longer on the avatar.

    apex-modern-message-layout.jpg

    I love the flexibility in the message layout options, definitely leaning towards that one if that can be addressed for larger avatars. Currently using Message Layout 0 (disabled).
     
  2. Russ

    Russ Designer

    We hate the messages :D, For the time being style Properties -> Message Layout -> Content Container

    Increase the margin-left.
     
  3. Steve

    Steve Designer

    Add this to EXTRA.css for the time being until we can push a update out.

    Code:
    Copy Source
    <xen:if is="@xb_message_layout == 3">
    <xen:if is="@xb_avatarSize == 'l'">
    html .message .messageInfo, html #QuickReply
    {
        margin-left: 260px;
    }
    html .messageUserBlock div.avatarHolder .onlineMarker
    {
        top: 0;
        right: 0;
        left: auto;
    }
    </xen:if>
    </xen:if>
     
  4. Russ

    Russ Designer

    We've streamlined the message layouts... now you can increase the message user width and it will automatically adjust the post layout.

    If you do set to a large avatar you will still need to adjust the width but it's a single setting now.
     

Let's work together on your next project

Contact us today to talk about how we can help you