feat(ott-2843): break long tournament names

keep-around/2fd168b18eeebc91eac94ae86d817c12edfe1576
Ruslan Khayrullin 3 years ago
parent e8070b489f
commit d540aa9ce0
  1. 8
      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)`

Loading…
Cancel
Save