• 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

yoghurtfarmer

Well-known member
#1
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
 

yoghurtfarmer

Well-known member
#7
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​
 

mjp

Well-known member
#8
In Forum List, the spacing between Category Strip and Node List has decreased by 1px.
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.
 

yoghurtfarmer

Well-known member
#10
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
 

yoghurtfarmer

Well-known member
#11
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;
    }
 

Kier

XenForo Developer
Staff member
#15
Still wondering about the change from Sort by: to Sort by, was this done intentionally or just an omission? :confused:
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.