From 33d9e024a2d68f3515c392a9b462bf0e7d4bbba6 Mon Sep 17 00:00:00 2001 From: Julien Constant Date: Mon, 13 Mar 2023 11:13:14 +0100 Subject: [PATCH] Fix text overflow issues on godfather page --- core/static/user/user_godfathers.scss | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/core/static/user/user_godfathers.scss b/core/static/user/user_godfathers.scss index 23f71741..e600ec1b 100644 --- a/core/static/user/user_godfathers.scss +++ b/core/static/user/user_godfathers.scss @@ -48,6 +48,7 @@ flex-direction: row; justify-content: flex-start; align-items: flex-start; + max-height: 65px; } > span { @@ -73,11 +74,19 @@ } } - >em { + > em { + box-sizing: border-box; + padding: 0 5px; text-align: center; + max-width: 100%; + overflow: hidden; + text-overflow: ellipsis; @media (max-width: 375px) { margin-top: 10px; + text-align: left; + max-width: none; + width: 100%; } } }