Russ
Pixel Exit Staff
As of 2.0.11 / 2.1 style update, I'm removing the merge staff online option. I'm planning on doing a simple little template edit that will display those blocks in various manners but with this new update I'm removing template edits where I see fit.
If you want to continue using the merge option, you can simply replace the entire: widget_members_online with:
Then add this to extra.less:
Again the plan is to revisit this as an add-on of sorts giving a few more options that would be out of the scope of a style edit.
If you want to continue using the merge option, you can simply replace the entire: widget_members_online with:
HTML:
<div class="block" data-widget-section="staffMembers"{{ widget_data($widget) }}>
<div class="block-container">
<h3 class="block-minorHeader"><a href="{{ link('online') }}">{$title}</a></h3>
<div class="block-body block-row block-row--minor">
<xf:if contentcheck="true">
<h4 class="block-textHeader block-textHeader--scaled"><a href="{{ link('members', null, {'key': 'staff_members'}) }}">{{ phrase('staff_online') }}</a></h4>
<ul class="block-body-inner">
<xf:contentcheck>
<xf:foreach loop="$online.users" value="$user">
<xf:if is="$user.is_staff">
<li class="block-row">
<div class="contentRow">
<div class="contentRow-figure">
<xf:avatar user="$user" size="xs" />
</div>
<div class="contentRow-main contentRow-main--close">
<xf:username user="$user" rich="true" />
<div class="contentRow-minor">
<xf:usertitle user="$user" />
</div>
</div>
</div>
</li>
</xf:if>
</xf:foreach>
</xf:contentcheck>
</ul>
</xf:if>
<xf:if contentcheck="true">
<h4 class="block-textHeader block-textHeader--scaled">
{{ phrase('people_you_follow') }}
</h4>
<ul class="listHeap">
<xf:contentcheck>
<xf:if is="$options.followedOnline">
<xf:foreach loop="$online.users" value="$user">
<xf:if is="in_array($user.user_id, $xf.visitor.Profile.following)">
<li>
<xf:avatar user="$user" size="xxs" img="true" />
</li>
</xf:if>
</xf:foreach>
</xf:if>
</xf:contentcheck>
</ul>
</xf:if>
<xf:if is="$online.users is not empty">
<h4 class="block-textHeader block-textHeader--scaled">
{{ phrase('members') }}
</h4>
<ul class="listInline listInline--comma">
<xf:foreach loop="$online.users" value="$user"><xf:trim>
<li><xf:username user="$user" rich="true" class="{{ !$user.visible ? 'username--invisible' : '' }}" /></li>
</xf:trim></xf:foreach>
</ul>
<xf:if is="$online.counts.unseen">
<a href="{{ link('online') }}">{{ phrase('ellipsis_and_x_more', {'count': $online.counts.unseen}) }}</a>
</xf:if>
<xf:else />
{{ phrase('no_members_online_now') }}
</xf:if>
</div>
<div class="block-footer">
<span class="block-footer-counter">{{ phrase('online_now_x_members_y_guests_z',{
'total': number($online.counts.total),
'members': number($online.counts.members),
'guests': number($online.counts.guests)})
}}</span>
</div>
</div>
</div>
Then add this to extra.less:
CSS:
[data-widget-key="forum_overview_members_online"]
{
.block-textHeader.block-textHeader--scaled { color: @xf-textColorDimmed;}
.block-body-inner .block-row { padding-left: 0; padding-right: 0; }
}
[data-widget-key="forum_overview_members_online"] .block-body-inner
{
list-style: none;
padding: 0;
margin: 0;
}
Again the plan is to revisit this as an add-on of sorts giving a few more options that would be out of the scope of a style edit.
Last edited by a moderator: