Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-07-24 12:11:56 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix team roster input overflow

Browse Source
This commit is contained in:
Kalle 2023-12-03 11:13:18 +02:00
parent 0e671fb41b
commit c5b2a546e7
2 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/features/tournament-bracket/components/TeamRosterInputs.tsx
View File

@ -205,9 +205,11 @@ function TeamRosterInputsCheckboxes({
className="tournament-bracket__during-match-actions__player-name"
htmlFor={`${member.id}-${id}`}
>
{member.inGameName
? inGameNameWithoutDiscriminator(member.inGameName)
: member.discordName}
<span className="tournament-bracket__during-match-actions__player-name__inner">
{member.inGameName
? inGameNameWithoutDiscriminator(member.inGameName)
: member.discordName}
</span>
</label>
</div>
);

7
app/features/tournament-bracket/tournament-bracket.css
View File

@ -219,6 +219,13 @@
cursor: pointer;
}
.tournament-bracket__during-match-actions__player-name__inner {
white-space: nowrap;
overflow-x: hidden;
text-overflow: ellipsis;
padding-inline: var(--s-2);
}
.tournament-bracket__during-match-actions__seed {
font-size: var(--fonts-xxs);
color: var(--theme);