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

Subtle Layout Changes in Beta 2

Discussion in 'XenForo Pre-Sales Questions' started by yoghurtfarmer, Oct 23, 2010.

  1. yoghurtfarmer

    yoghurtfarmer Well-Known Member

    There's really no point to this thread, just wondered if anybody else noticed these things as well.
    • Search Box height has increased a few pixels
    • Members and Help Tabs aren't as wide anymore
    • Padding for the search drop down dialogue has decreased
    • Login/Sign up Handle is now 102px wide rather than 100px
    • Clicking the Login/Sign up Handle triggers an exposeMask for the rest of the page
    • Section header for discussion list is now 3px lower due to Style Properties being applied to it
    • There's a "Search Forums" option under the Forums tab now
    • In Forum List, the spacing between Category Strip and Node List has decreased by 1px
    Not so subtle
    • Visitor panel layout has changed
    • Avatars of people you follow show up in Members Online
     
  2. Peggy

    Peggy Well-Known Member

    Wow you're pretty observant.
     
    Fusion and Jeremy like this.
  3. anotheralias

    anotheralias Well-Known Member

    Thanks - that's a handy reference!
     
  4. Peggy

    Peggy Well-Known Member

    It sure is. I'm not sure I would have noticed all of those things.
     
  5. Grover

    Grover Well-Known Member

    ... which I don't like that much. Nothing major ofcourse, but seems a bit crammed together now the fields inside of it?

    (very detailed list by the way... do you use a magnifier or something reading webpages?! :eek:)
     
    Peggy likes this.
  6. AdamD

    AdamD Well-Known Member

    Xenforo - Expect Perfection.
    ;)
     
    Peggy likes this.
  7. yoghurtfarmer

    yoghurtfarmer Well-Known Member

    In case anyone wants to revert some of these changes, here's what I came up with.

    Members and Help Tabs aren't as wide anymore
    - In navigation.css, find .navTabs .SplitCtrl
    Find:
    display: block;​
    float: left;​

    Replace with:
    display: inline-block;​

    Login/Sign up Handle is now 102px wide rather than 100px
    - In login_bar.css, find #loginBar #loginBarHandle
    - Change padding: 0 10px; to padding: 0 9px;​

    Section header for discussion list is now 3px lower due to Style Properties being applied to it
    - In discussion_list.css, find .discussionList .sectionHeaders
    - After @property "/subHeading"; add margin-top: 0px;​

    In Forum List, the spacing between Category Strip and Node List has decreased by 1px
    - Style Properties -> Forum List -> Category Strip
    - Change margin bottom to 1px​
     
  8. mjp

    mjp Well-Known Member

    Well, that settles it for me. I can't use software that is going to make such far-reaching, radical changes in an arrogant and willfully hostile fashion without so much as the courtesy of an email notification to all license holder!

    I intend to start a class action suit against everyone involved, including those who have thoughtlessly and recklessly pointed out these changes, causing me incalculable stress and mental anguish, which has now lasted several minutes. The potential lasting effects of this shocking episode are enormous, and it frightens me to imagine what my life is going to be like after today.
     
  9. yoghurtfarmer

    yoghurtfarmer Well-Known Member

    Was doing a side by side comparison when I updated my style to Beta 2 :p otherwise I would have never noticed.
     
    CyberAP likes this.
  10. yoghurtfarmer

    yoghurtfarmer Well-Known Member

    For Beta 3:
    • Member page sidebar boxes have been redone to match the rest of the site
    • Current Visitor sidebar boxes also updated in the same fashion, can also view IP from this page
    • "Sort by:" is now "Sort by" (colon has been removed) on the discussion list
    • BB Code Block Type Row has some white space at the top due to a change in how the quotes are generated via CSS
    • Border-radius for quote message has changed from 5px to 4px
    • When viewing a thread, the bottom pagenav is now above the horizontal line whereas it was below before
    • Facebook Like has changed to Recommend
    • Facebook Recommend bottom padding has increased
    • Code button and quote button in text editor
    • When using in-line mod tools, the arrow next to the avatar gets highlighted now
    • The deleted message placeholder has been changed
     
    Fusion, dutchbb, Grover and 3 others like this.
  11. yoghurtfarmer

    yoghurtfarmer Well-Known Member

    As before, here are some reversions if you're interested.

    "Sort by:" is now "Sort by" (colon has been removed) on the discussion list
    - Languages & Phrases -> Phrases ->sort_by
    - Add a colon to the end of the phrase​

    Border-radius for quote message has changed from 5px to 4px
    - Style Properties -> BB Code Elements -> BB Code Quote Message
    - Change Radius from 4px to 5px​

    BB Code Block Type Row has some white space at the top due to a change in how the quotes are generated via CSS
    - Style Properties -> BB Code Elements -> BB Code Block Type Row
    - Blank out the Radius fields​
    (Note this fixes the white space, doesn't revert to the old quote CSS)​

    When viewing a thread, the bottom pagenav is now above the horizontal line whereas before it was below
    - Style Properties -> Message Layout -> Message Container
    - Edit Border Bottom so it matches Border Top​
    - Clear out the values in Border Top​

    - In quick_reply.css, find .quickReply
    - Add border-bottom: 0px; after @property "/message";​

    - In thread_view.css:​
    Find:
    .thread_view .threadAlerts + * > .messageList​
    {​
    border-top: none;​
    }​

    Add after:
    .thread_view .messageList​
    {​
    border-top: 1px solid @primaryLighterStill;​
    }​

    The deleted message placeholder has been changed
    - In message_deleted_placeholder, replace everything with:​
    Code:
    <xen:require css="message.css" />
    
    <li id="{$messageId}" class="message deleted placeholder">
        <div class="placeholderContent secondaryContent">
    
            <xen:avatar user="$message" size="s" img="true" />
    
            <p>
                {xen:phrase this_message_by_x_has_been_removed_from_view, 'name=<a href="{xen:link members, $message}" class="username">{$message.username}</a>'}
                <xen:if is="{$message.delete_username}">
                    {xen:phrase deleted_by_x, 'name=<a {xen:if $message.deleteInfo, 'href="{xen:link members, $message.deleteInfo}"'} class="username">{$message.delete_username}</a>'}, <xen:datetime time="{$message.delete_date}" /><xen:if is="{$message.delete_reason}">, {xen:phrase reason}: {$message.delete_reason}</xen:if>.
                </xen:if>
            </p>
            <div class="privateControls">{xen:raw $messageControlsTemplate}</div>
    
        </div>
    </li>

    - In message.css, replace /* deleted / ignored message placeholder */ and everything underneath with:​
    Code:
    /* deleted / ignored message placeholder */
    
    .messageList .message.placeholder
    {
        border: none;
        margin: 10px 0;
        padding: 0;
    }
    
    .messageList .placeholder .placeholderContent
    {
        overflow: hidden; zoom: 1;
        border: 1px solid @primaryLighterStill;
        padding: 5px;
        border-radius: 5px;
        color: @primaryLightish;
        font-size: 11px;
    }
    
        .messageList .placeholder a.avatar
        {
            float: left;
            margin-right: 5px;
            display: block;
        }
    
            .messageList .placeholder a.avatar img
            {
                width: 24px;
                height: 24px;
                display: block;
            }
    
        .messageList .placeholder .privateControls
        {
            margin-top: 2px;
        }
    
    /* messages remaining link */
    
    /*.postsRemaining
    {
        margin: 5px 0 10px;
        text-align: right;
    }*/
    
        .postsRemaining a,
        a.postsRemaining
        {
            font-size: 11px;
            color: @mutedTextColor;
        }
     
  12. dutchbb

    dutchbb Well-Known Member

    Not sure if that improves it?
     
  13. yoghurtfarmer

    yoghurtfarmer Well-Known Member

    I personally don't like it for consistency reasons, so I changed it back.
     
  14. yoghurtfarmer

    yoghurtfarmer Well-Known Member

    Still wondering about the change from Sort by: to Sort by, was this done intentionally or just an omission? :confused:
     
  15. Kier

    Kier XenForo Developer Staff Member

    The whole of the text is probably going bye-bye, there's no space for it there really and it's surplus to requirements. Users advanced enough to want to re-sort the discussion list don't need the 'Sort by' text anyway.

    The colon was removed as a space-saving measure.
     
    Green Cat, Jeremy and CyberAP like this.

Share This Page