diff --git a/com.woltlab.wcf/templates/userCard.tpl b/com.woltlab.wcf/templates/userCard.tpl index a1c0ed666d..c5d2ceca1b 100644 --- a/com.woltlab.wcf/templates/userCard.tpl +++ b/com.woltlab.wcf/templates/userCard.tpl @@ -40,18 +40,22 @@
-

- {unsafe:$user->getFormattedUsername()} +
+

+ {unsafe:$user->getFormattedUsername()} +

- {if $user->banned} - - {icon name='lock'} - - {/if} - - {event name='icons'} -

+
+ {if $user->banned} + + {icon name='lock'} + + {/if} + {event name='icons'} +
+
+ {event name='afterUsername'} {if MODULE_USER_RANK} diff --git a/com.woltlab.wcf/templates/userProfileHeader.tpl b/com.woltlab.wcf/templates/userProfileHeader.tpl index 71d56e573a..4ed5abdad7 100644 --- a/com.woltlab.wcf/templates/userProfileHeader.tpl +++ b/com.woltlab.wcf/templates/userProfileHeader.tpl @@ -65,14 +65,24 @@
-

- {$view->user->username} - {if $view->user->banned} - - {icon name='lock'} - - {/if} -

+
+

+ {$view->user->username} +

+ +
+ {if $view->user->banned} + + {icon name='lock'} + + {/if} + + {event name='icons'} +
+
+ + {event name='afterUsername'} +
{if MODULE_USER_RANK} {if $view->user->getUserTitle()} @@ -83,7 +93,7 @@ {/if} {/if}
- {event name='afterTitle'} + {event name='afterUserTitle'}
{foreach from=$view->getStatItems() item='statItem'} diff --git a/wcfsetup/install/files/style/ui/userCard.scss b/wcfsetup/install/files/style/ui/userCard.scss index d89a10e363..28a8505015 100644 --- a/wcfsetup/install/files/style/ui/userCard.scss +++ b/wcfsetup/install/files/style/ui/userCard.scss @@ -126,6 +126,8 @@ } .userCard__username { + display: inline; + @include wcfFontHeadline; @include wcfFontBold; } @@ -145,6 +147,12 @@ } } +.userCard__statusIcons { + display: inline; + position: relative; + z-index: 1; +} + .userCard__footer__stats { display: grid; grid-template-columns: repeat(3, 1fr); diff --git a/wcfsetup/install/files/style/ui/userProfileHeader.scss b/wcfsetup/install/files/style/ui/userProfileHeader.scss index ceb5c41427..96a46ad29c 100644 --- a/wcfsetup/install/files/style/ui/userProfileHeader.scss +++ b/wcfsetup/install/files/style/ui/userProfileHeader.scss @@ -100,6 +100,7 @@ body[data-page-identifier="com.woltlab.wcf.User"] .userProfileContent:first-chil } .userProfileHeader__username { + display: inline; font-size: var(--wcfFontSizeTitle); font-weight: 600; line-height: 1.05; @@ -109,6 +110,12 @@ body[data-page-identifier="com.woltlab.wcf.User"] .userProfileContent:first-chil } } +.userProfileHeader__statusIcons { + display: inline; + position: relative; + z-index: 1; +} + .userProfileHeader__stats { display: flex; flex-wrap: wrap;