Add support for links in user card stats
authorMarcel Werk <burntime@woltlab.com>
Fri, 26 Jan 2024 13:26:49 +0000 (14:26 +0100)
committerMarcel Werk <burntime@woltlab.com>
Fri, 26 Jan 2024 13:26:49 +0000 (14:26 +0100)
com.woltlab.wcf/templates/userCard.tpl
wcfsetup/install/files/style/ui/userCard.scss

index ed841d4793f7e30d9cbd317a5545f658524592c2..bc4add29134c3c5910ec02b753d273cd600bd3a5 100644 (file)
 
        {hascontent}
                <div class="userCard__footer">
-                       <ul class="userCard__footer__stats">
+                       <div class="userCard__footer__stats">
                                {content}
                                        {event name='beforeStats'}
                                        
                                        {if MODULE_LIKE && $user->likesReceived}
-                                               <li class="userCard__footer__statsItem">
+                                               <div class="userCard__footer__statsItem">
                                                        <span class="userCard__footer__statsItem__key">{lang}wcf.like.reactionsReceived{/lang}</span>
                                                        <span class="userCard__footer__statsItem__value">{#$user->likesReceived}</span>
-                                               </li>
+                                               </div>
                                        {/if}
 
                                        {if $user->activityPoints}
-                                               <li class="userCard__footer__statsItem">
+                                               <div class="userCard__footer__statsItem">
                                                        <span class="userCard__footer__statsItem__key">{lang}wcf.user.activityPoint{/lang}</span>
                                                        <span class="userCard__footer__statsItem__value">{#$user->activityPoints}</span>
-                                               </li>
+                                               </div>
                                        {/if}
 
                                        {if $user->showTrophyPoints()}
-                                               <li class="userCard__footer__statsItem">
+                                               <div class="userCard__footer__statsItem">
                                                        <span class="userCard__footer__statsItem__key">{lang}wcf.user.trophy.trophyPoints{/lang}</span>
                                                        <span class="userCard__footer__statsItem__value">{#$user->trophyPoints}</span>
-                                               </li>
+                                               </div>
                                        {/if}
 
                                        {event name='afterStats'}
                                {/content}
-                       </ul>
+                       </div>
                </div>
        {/hascontent}
 </div>
index ffe98c3df29f928eee350d08e0bc804c5e6d9f79..332b1346d2a81e97522dc779949ae110f8cf09da 100644 (file)
 
 .userCard__footer__statsItem {
        display: flex;
+       color: inherit;
        flex-direction: column;
        text-align: center;
+
+       &:hover {
+               color: inherit;
+       }
 }
 
 .userCard__footer__statsItem:nth-child(n + 4) {