1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Duplicate Short Width on Left Profile Block Causes Last Activity to Be on a Separate Line

Discussion in 'Resolved Bug Reports' started by Amaury, Jun 23, 2013.

  1. Amaury

    Amaury Well-Known Member

    Because of the short width, the following causes the last activity details to be on a separate line instead of on the same line as Last Activity:
    • Yesterday
    • Sunday
    • Monday
    • Tuesday
    • Wednesday
    • Thursday
    • Friday
    • Saturday

    Last Activity XenForo.png
     
  2. Jeremy

    Jeremy XenForo Moderator Staff Member

    Pretty sure this is as designed in this case. Believe it's been reported before.
     
    Amaury likes this.
  3. Andrej

    Andrej Well-Known Member

  4. Brogan

    Brogan XenForo Moderator Staff Member

  5. Amaury

    Amaury Well-Known Member

  6. Brogan

    Brogan XenForo Moderator Staff Member

    Yes.

    Set the width in Style Properties -> Member Profile Page -> Settings: Sidebar Width

    Then add to EXTRA.css:
    Code:
    .member_view .profilePage .mainProfileColumn {
    margin-left: 254px;
    }
    The value needs to be the total of the sidebar width + padding between the two.

    In my case the sidebar width is 246px and I have 8px padding, so 254px.
     
    Last edited: Aug 1, 2013
    Amaury likes this.
  7. CyberAP

    CyberAP Well-Known Member

    With a little help of magic properties that inline elements have I managed to resolve that issue. Here is the code:

    Code:
    .mast .section.infoBlock .secondaryContent
    {
      text-align: right;
    }
    
    .pairsJustified dt
    {
      text-align: left;
      margin-right: 0; /* we don't need this anymore */
    }
    
    .pairsJustified dd
    {
      float: none;
      display: inline;
      vertical-align: text-top;
    }
    Code must be going after main CSS, extra.css probably wouldn't work. Otherwise you just can add 'body' before each selector, that way it will work in extra.css. So for example .pairsJustified dd becomes body .pairsJustified dd.

    One thing this doesn't solve — very long titles on the left.

    Hope this will be implemented in core.

    Oh, yes, final result of course.

    lines.PNG
     
    Jay likes this.
  8. Amaury

    Amaury Well-Known Member

    So I just did the style property part on DOTATalk, but what exactly does the custom CSS do?
     

Share This Page