Teambuilder: Properly truncate long ability names

This commit is contained in:
Ethan Strader 2026-02-02 13:23:25 -05:00
parent 4428a1444c
commit a4dd41b508
2 changed files with 11 additions and 1 deletions

View File

@ -199,7 +199,7 @@ export class PSSearchResults extends preact.Component<{
href={`${this.URL_ROOT}abilities/${id}`} class={id === this.abilityId ? 'cur' : ''}
data-target="push" data-entry={`ability|${ability.name}`}
>
<span class="col namecol">{id ? this.renderName(ability.name, matchStart, matchEnd) : <i>(no ability)</i>}</span>
<span class="col abilitynamecol">{id ? this.renderName(ability.name, matchStart, matchEnd) : <i>(no ability)</i>}</span>
{errorMessage}

View File

@ -171,6 +171,16 @@
color: #000000;
font-size: 10pt;
}
.dexlist .abilitynamecol {
padding-top: 6px;
height: 23px;
width: 152px;
color: #000000;
font-size: 10pt;
text-wrap: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.dexlist .pokemonnamecol {
padding-top: 6px;
height: 23px;