Skip to content

fix(scoreboard): keep score centered regardless of logo size#1

Open
BungeeDEV wants to merge 1 commit into
operun:mainfrom
BungeeDEV:fix/scoreboard-logo-centering
Open

fix(scoreboard): keep score centered regardless of logo size#1
BungeeDEV wants to merge 1 commit into
operun:mainfrom
BungeeDEV:fix/scoreboard-logo-centering

Conversation

@BungeeDEV

Copy link
Copy Markdown

This pull request refactors the scoreboard row layout in ScoreboardScene.jsx to improve the visual alignment and centering of the scores and logos. The new layout ensures that the home and guest logos are each anchored to the left and right thirds of the row, while the scores and separator are precisely centered and symmetrically arranged.

Layout and alignment improvements:

  • Redesigned the scoreboard row to use a grid and absolute positioning, placing the home logo on the left third and the guest logo on the right third, ensuring consistent alignment regardless of score length.
  • Centered the score display, with the home and guest scores positioned symmetrically on either side of a centrally aligned colon, using absolute positioning for pixel-perfect centering. [1] [2]
  • Removed redundant logo and score containers from the previous implementation to streamline the layout and avoid duplication.

Use absolute positioning for score overlay and fixed-width logo
containers so unequal logo dimensions no longer shift the colon
off the horizontal midpoint.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant