From d540aa9ce03561a9129fd97089cbe9c1368888a8 Mon Sep 17 00:00:00 2001 From: Ruslan Khayrullin Date: Tue, 20 Sep 2022 20:40:17 +0300 Subject: [PATCH] feat(ott-2843): break long tournament names --- .../components/CollapseTournament/styled.tsx | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/src/features/TournamentList/components/CollapseTournament/styled.tsx b/src/features/TournamentList/components/CollapseTournament/styled.tsx index 16d45168..dc18245c 100644 --- a/src/features/TournamentList/components/CollapseTournament/styled.tsx +++ b/src/features/TournamentList/components/CollapseTournament/styled.tsx @@ -128,7 +128,7 @@ export const Time = styled.span` export const Info = styled.div` display: flex; flex-direction: column; - padding: 0.85rem 0.472rem 0 0.519rem; + padding: 0 0.472rem 0 0.519rem; color: #fff; text-overflow: ellipsis; overflow: hidden; @@ -156,6 +156,7 @@ export const SecondaryInfo = styled.div` display: flex; justify-content: center; align-items: center; + height: 2.925rem; ` export const CountryFlag = styled.img` @@ -184,13 +185,14 @@ export const CountMatches = styled.span` ` export const TournamentName = styled(Name)` + max-height: 100%; font-weight: 600; font-size: 13px; line-height: 24px; + text-align: center; color: #ffffff; overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + white-space: initial; ` export const TournamentLogo = styled(ProfileLogo)`