Staff online list - Just a row of small avatars?

[CTXMedia]

I'd like to reduce the height of my staff online list so edited the sidebar_online_users template to remove the listing markers and reduce the loop to just avatars:

<!-- block: sidebar_online_staff -->
<xen:if hascontent="true">
    <div class="section staffOnline avatarList">
        <div class="secondaryContent">
            <h3>{xen:phrase staff_online_now}</h3>
            <ul>
                <xen:contentcheck>
                    <xen:foreach loop="$onlineUsers.records" value="$user">
                        <xen:if is="{$user.is_moderator} OR {$user.is_admin}">
                                <xen:avatar user="$user" size="s" img="true" />
                        </xen:if>
                    </xen:foreach>
                </xen:contentcheck>
            </ul>
        </div>
    </div>
</xen:if>
<!-- end block: sidebar_online_staff -->

But now the Staff Online container has no height and the avatars break out of the bottom of the block.

Any idea how I can have the avatars in rows but retain them within the boundaries of the container box?

Thanks,
Shaun

 

[Forsaken]

I'd like to reduce the height of my staff online list so edited the sidebar_online_users template to remove the listing markers and reduce the loop to just avatars:

<!-- block: sidebar_online_staff -->
<xen:if hascontent="true">
    <div class="section staffOnline avatarList">
        <div class="secondaryContent">
            <h3>{xen:phrase staff_online_now}</h3>
            <ul>
                <xen:contentcheck>
                    <xen:foreach loop="$onlineUsers.records" value="$user">
                        <xen:if is="{$user.is_moderator} OR {$user.is_admin}">
                                <xen:avatar user="$user" size="s" img="true" />
                        </xen:if>
                    </xen:foreach>
                </xen:contentcheck>
            </ul>
        </div>
    </div>
</xen:if>
<!-- end block: sidebar_online_staff -->

But now the Staff Online container has no height and the avatars break out of the bottom of the block.

Any idea how I can have the avatars in rows but retain them within the boundaries of the container box?

Thanks,
Shaun

http://xenforo.com/community/threads/staff-online-in-columns-with-overlay.6536/

 

[CTXMedia]

http://xenforo.com/community/threads/staff-online-in-columns-with-overlay.6536/

Brilliant - thanks - installed and working great.

TBH I had seen your modification when I was browsing XF months ago but for the life of me couldn't find it by searching.

Anyway, it's definitely shortened my sidebar, so very grateful.

Cheers,
Shaun