[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 16:09:52 +01:00
parent 3647cf2cfe
commit 5976dc2141
3 changed files with 9 additions and 1 deletions

View file

@ -9,7 +9,7 @@
<div class="inner">
<!-- IF AVATAR_IMG -->
<dl class="left-box">
<dl class="left-box avatar-rank-container">
<dt class="profile-avatar">{AVATAR_IMG}</dt>
<!-- EVENT memberlist_view_rank_avatar_before -->
<!-- IF RANK_TITLE --><dd style="text-align: center;">{RANK_TITLE}</dd><!-- ENDIF -->

View file

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

View file

@ -412,6 +412,10 @@
clear: both;
}
.avatar-rank-container {
max-width: 100%;
}
/* Polls
----------------------------------------*/
fieldset.polls dt {