[ticket/17352] Fix overflow of long rank titles on profile page

Users that had very long rank titles would cause the rest of
their profile details to be pushed down below the avatar and
rank details breaking the layout. This change limits the width
of the avatar and rank details.

PHPBB-17352
This commit is contained in:
Daniel James 2024-06-25 15:09:45 +01:00
parent e7b5053d92
commit ba24331380
2 changed files with 5 additions and 1 deletions

View file

@ -9,7 +9,7 @@
<div class="inner">
<!-- IF AVATAR_HTML -->
<dl class="left-box">
<dl class="left-box rank-avatar-container">
<dt class="profile-avatar">{AVATAR_HTML}</dt>
<!-- EVENT memberlist_view_rank_avatar_before -->
<!-- IF RANK_TITLE --><dd class="profile-avatar">{RANK_TITLE}</dd><!-- ENDIF -->

View file

@ -814,6 +814,10 @@ table.info tbody th {
max-width: 100%;
}
.rank-avatar-container {
max-width: 20%;
}
.left-box.profile-details {
width: 80%;
}