Skip to content

Enhancement: Breadcrumb breakpoint #6754

Closed

Description

@TenzDelek

Enter your suggestions in details:

Issue

some of the breadcrumb that are long have a inconsistent layout.
resulting in some layout shifting of the breadcrumb detail.
image
image

also in some case, the layout is breaking down like this below:
image
ref:

  1. https://nodejs.org/en/learn/getting-started/nodejs-the-difference-between-development-and-production

idea

Proposal: creating a breakpoint function of till 4 word (seems ideal when i tried)

Solution preview

  • only trigger the breakpoint when the word count excede 4
image image

Activity

  1. ovflowd commented on Jun 2, 2024

    @ovflowd
    Member

    I believe we can set the width to 100% and simply add ellipsis in case the title is too long.

    We also added a breakpoint that for small screens only the last node would show. But that seems to not be enough of course.

    I don't think we should have line breaks, but have "..." when the text is too long 👀

  2. TenzDelek commented on Jun 2, 2024

    @TenzDelek
    ContributorAuthor

    I believe we can set the width to 100% and simply add ellipsis in case the title is too long.

    We also added a breakpoint that for small screens only the last node would show. But that seems to not be enough of course.

    I don't think we should have line breaks, but have "..." when the text is too long 👀

    definitely that sounds great. will implement that instead of the line break 👍

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions