From 5976dc2141b63505dc5b04172acd3f1b9f29bd25 Mon Sep 17 00:00:00 2001
From: Daniel James <danielt70@icloud.com>
Date: Tue, 25 Jun 2024 16:09:52 +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 ++++
 phpBB/styles/prosilver/theme/responsive.css          | 4 ++++
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/phpBB/styles/prosilver/template/memberlist_view.html b/phpBB/styles/prosilver/template/memberlist_view.html
index debf64cba2..0ad1c80edb 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_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 -->
diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css
index e184557a89..693a5147ba 100644
--- a/phpBB/styles/prosilver/theme/common.css
+++ b/phpBB/styles/prosilver/theme/common.css
@@ -731,6 +731,10 @@ table.info tbody th {
 	max-width: 100%;
 }
 
+.avatar-rank-container {
+	max-width: 20%;
+}
+
 .left-box.profile-details {
 	width: 80%;
 }
diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css
index 5a3041fe0c..78897be19c 100644
--- a/phpBB/styles/prosilver/theme/responsive.css
+++ b/phpBB/styles/prosilver/theme/responsive.css
@@ -412,6 +412,10 @@
 		clear: both;
 	}
 
+	.avatar-rank-container {
+		max-width: 100%;
+	}
+
 	/* Polls
 	----------------------------------------*/
 	fieldset.polls dt {