Added proper support for font size and color

[GitHub/WoltLab/WCF.git] / com.woltlab.wcf / templates / usersOnlineInfoBox.tpl

diff --git a/com.woltlab.wcf/templates/usersOnlineInfoBox.tpl b/com.woltlab.wcf/templates/usersOnlineInfoBox.tpl
index 5e9992978c60e38dd2e9cb7ab4797f51562d979e..0fabd6ac9f8a59af5aecef639ad7426c95769173 100644 (file)
--- a/com.woltlab.wcf/templates/usersOnlineInfoBox.tpl
+++ b/com.woltlab.wcf/templates/usersOnlineInfoBox.tpl
@@ -4,26 +4,34 @@
                <h2 class="boxTitle"><a href="{link controller='UsersOnlineList'}{/link}">{lang}wcf.user.usersOnline{/lang}</a> <span class="badge">{#$usersOnlineList->stats[total]}</span></h2>
                
                <div class="boxContent">
-                       <p>{lang}wcf.user.usersOnline.detail{/lang}{if $usersOnlineShowRecord && USERS_ONLINE_RECORD} - {lang}wcf.user.usersOnline.record{/lang}{/if}</p>
+                       <ul class="inlineList dotSeparated">
+                               <li>{lang}wcf.user.usersOnline.detail{/lang}</li>
+                               {if $usersOnlineShowRecord && USERS_ONLINE_RECORD}<li>{lang}wcf.user.usersOnline.record{/lang}</li>{/if}
+                       </ul>   
                        
                        {if $usersOnlineList|count}
-                               <ul class="dataList">
+                               <ul class="inlineList commaSeparated">
                                        {foreach from=$usersOnlineList->getObjects() item=userOnline}
                                                <li><a href="{link controller='User' object=$userOnline->getDecoratedObject()}{/link}" class="userLink" data-user-id="{@$userOnline->userID}">{@$userOnline->getFormattedUsername()}</a></li>
                                        {/foreach}
                                </ul>
                        {/if}
-                       
-                       {if USERS_ONLINE_ENABLE_LEGEND && $usersOnlineList->getUsersOnlineMarkings()|count}
-                               <div class="usersOnlineLegend">
-                                       <p>{lang}wcf.user.usersOnline.marking.legend{/lang}:</p>
-                                       <ul class="dataList">
-                                               {foreach from=$usersOnlineList->getUsersOnlineMarkings() item=usersOnlineMarking}
-                                                       <li>{@$usersOnlineMarking}</li>
-                                               {/foreach}
-                                       </ul>
-                               </div>
-                       {/if}
                </div>
+               
+               {if USERS_ONLINE_ENABLE_LEGEND && $usersOnlineList->getUsersOnlineMarkings()|count}
+                       <div class="boxContent">
+                               <dl class="plain inlineDataList usersOnlineLegend">
+                                       <dt>{lang}wcf.user.usersOnline.marking.legend{/lang}</dt>
+                                       <dd>
+                                               <ul class="inlineList commaSeparated">
+                                                       {foreach from=$usersOnlineList->getUsersOnlineMarkings() item=usersOnlineMarking}
+                                                               <li>{@$usersOnlineMarking}</li>
+                                                       {/foreach}
+                                               </ul>
+                                       </dd>
+                               
+                               </dl>
+                       </div>
+               {/if}
        </section>
 {/if}