Skip to content

Commit ab53ee6

Browse files
authored
Alliance icon does no longer stretch/disappear 🖌️ (#2527)
Resolves #2521 ## Description: Small CSS fix so the new alliance icon does not stretch when there are multiple icons. ## 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: FloPinguin
1 parent 41deef9 commit ab53ee6

File tree

2 files changed

+2
-0
lines changed

2 files changed

+2
-0
lines changed

src/client/graphics/PlayerIcons.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -169,6 +169,7 @@ export function createAllianceProgressIcon(
169169
wrapper.style.width = `${size}px`;
170170
wrapper.style.height = `${size}px`;
171171
wrapper.style.display = "inline-block";
172+
wrapper.style.flexShrink = "0";
172173

173174
// Base faded icon (full)
174175
const base = document.createElement("img");

src/client/graphics/layers/NameLayer.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -439,6 +439,7 @@ export class NameLayer implements Layer {
439439
// Update existing alliance icon
440440
allianceWrapper.style.width = `${iconSize}px`;
441441
allianceWrapper.style.height = `${iconSize}px`;
442+
allianceWrapper.style.flexShrink = "0";
442443

443444
const overlay = allianceWrapper.querySelector(
444445
".alliance-progress-overlay",

0 commit comments

Comments
 (0)