Skip to content

Fix(app/frontend): jump in card overflow issues - #7679

Closed
Ceebug wants to merge 3 commits into
modrinth:mainfrom
Ceebug:servercardoverflowfix
Closed

Ceebug wants to merge 3 commits into
modrinth:mainfrom
Ceebug:servercardoverflowfix

Conversation

@Ceebug

@Ceebug Ceebug commented Sep 23, 2026 •

Copy link
Copy Markdown

Fixes:

  • Text in the jump in cards being able to go on top of other text.
  • The jump in cards getting cut off when the window is small enough.

Text overflow fix screenshots:

  • Before

    Text Overlow before
  • After

    Text Overlow After

Card overflow fix screenshots:

  • Before

    Card Cuttoff Before
  • After

    Card Cuttoff After

Ceebug added 3 commits September 23, 2026 19:30
Signed-off-by: Ceebug <caseydegan@outlook.com>
Updated various div elements to include min-w-0 and truncate classes for better layout handling.

Signed-off-by: Ceebug <caseydegan@outlook.com>
@github-actions

Copy link
Copy Markdown
Contributor

Pull request changelog

App

Added

Changed

Deprecated

Removed

Fixed

Security

Website

Added

Changed

Deprecated

Removed

Fixed

Security

Hosting

Added

Changed

Deprecated

Removed

Fixed

Security

@Ceebug

Ceebug commented Sep 23, 2026

Copy link
Copy Markdown
Author

Sorry for last time @Prospector, first time doing prs to something. still learning

@tdgao
tdgao self-requested a review October 2, 2026 16:29
@tdgao tdgao self-assigned this Oct 2, 2026
@Ceebug

Ceebug commented Oct 24, 2026

Copy link
Copy Markdown
Author

can someone have a look at this pr?

@tdgao

tdgao commented Oct 24, 2026

Copy link
Copy Markdown
Contributor

Im not able to reproduce any overflow issues with the jump in cards. Could you send some before and after pictures to show the issue and the fix?

@Ceebug

Ceebug commented Oct 24, 2026

Copy link
Copy Markdown
Author

I will

@Ceebug

Ceebug commented Oct 25, 2026

Copy link
Copy Markdown
Author

done @tdgao

@Ceebug

Ceebug commented Oct 25, 2026

Copy link
Copy Markdown
Author

Im not able to reproduce any overflow issues with the jump in cards. Could you send some before and after pictures to show the issue and the fix?

also that might be because of my laptop screen size and scale.

@IMB11 IMB11 left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks fine just one change needed

<div
v-else-if="world.type === 'server'"
class="text-sm text-secondary flex items-center gap-1 font-semibold flex-nowrap whitespace-nowrap"
class="text-sm text-secondary flex items-center gap-1 font-semibold flex-nowrap whitespace-nowrap min-w-0 truncate"

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

need to use the truncate.ts we have in packages/ui if text is truncated to show a tooltip on hover

Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ive spent 4 hours trying to get this working, i have followed the example exactly to the best of my ability. i still have not gotten it working :(
may i pls ask for some help from u guys

@mergify

mergify Bot commented Nov 10, 2026 •

Copy link
Copy Markdown

This pull request is closed, so it cannot be queued. Reopen it to get the box back.

@IMB11 IMB11 closed this Nov 10, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Development

Successfully merging this pull request may close these issues.

3 participants