makary/phpbb
1
0
Fork 0
mirror of https://github.com/phpbb/phpbb.git synced 2025-06-29 06:38:52 +00:00
Code Issues Projects Releases Packages Wiki Activity

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

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
phpBB/styles/prosilver/template/memberlist_view.html
View file

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

4
phpBB/styles/prosilver/theme/common.css
View file

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

4
phpBB/styles/prosilver/theme/responsive.css
View file

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