From ba2433138096bc0fd28da9f376304d8a16c42e78 Mon Sep 17 00:00:00 2001
From: Daniel James <danielt70@icloud.com>
Date: Tue, 25 Jun 2024 15:09:45 +0100
Subject: [PATCH] [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
---
 phpBB/styles/prosilver/template/memberlist_view.html | 2 +-
 phpBB/styles/prosilver/theme/common.css              | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/phpBB/styles/prosilver/template/memberlist_view.html b/phpBB/styles/prosilver/template/memberlist_view.html
index 6914778623..6b2c907072 100644
--- a/phpBB/styles/prosilver/template/memberlist_view.html
+++ b/phpBB/styles/prosilver/template/memberlist_view.html
@@ -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 -->
diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css
index 2300f9c611..4bcd4ea141 100644
--- a/phpBB/styles/prosilver/theme/common.css
+++ b/phpBB/styles/prosilver/theme/common.css
@@ -814,6 +814,10 @@ table.info tbody th {
 	max-width: 100%;
 }
 
+.rank-avatar-container {
+	max-width: 20%;
+}
+
 .left-box.profile-details {
 	width: 80%;
 }