From 8ea3426628beb2a42639f59b415ebe34784b8337 Mon Sep 17 00:00:00 2001 From: Aotumuri Date: Mon, 4 May 2026 20:28:03 +0900 Subject: [PATCH] fix: Show full store item names instead of truncating them (#3831) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ## Description: The store item cards were truncating names with an ellipsis. This change updates the cosmetic card name label to wrap instead of truncating, so the full name is always shown. before スクリーンショット 2026-05-04 10 26 58 after スクリーンショット 2026-05-04 10 27 30 ## Please complete the following: - [x] I have added screenshots for all UI updates - [x] I process any text displayed to the user through translateText() and I've added it to the en.json file - [x] I have added relevant tests to the test directory - [x] I confirm I have thoroughly tested these changes and take full responsibility for any bugs introduced ## Please put your Discord username so you can be contacted if a bug or regression is found: aotumuri --- src/client/components/CosmeticContainer.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/client/components/CosmeticContainer.ts b/src/client/components/CosmeticContainer.ts index d5b8512e6..c95cdcd24 100644 --- a/src/client/components/CosmeticContainer.ts +++ b/src/client/components/CosmeticContainer.ts @@ -404,7 +404,7 @@ export class CosmeticContainer extends LitElement { if (this.name) { this._nameEl ??= document.createElement("div"); const cfg = rarityConfig[this.rarity] ?? fallback; - this._nameEl.className = `text-xs font-bold uppercase tracking-wider text-center truncate w-full`; + this._nameEl.className = `text-xs font-bold uppercase tracking-wider text-center whitespace-normal break-words w-full`; this._nameEl.style.color = cfg.nameColor; this._nameEl.title = this.name; this._nameEl.textContent = this.name;