Skip to content

🐛 [BUG] - Visual issue with SubNav underline #789

@stamat

Description

@stamat

Describe the bug

SubNav items underline renders weirdly when the text breaks in two lines on "pre tablet" screen sizes. Making the span wrapper that contains :after underline display: block; position: relative; solves the issue.

.lp-SubNav li > a > span {
  display: block;
  position: relative;
}

Reproduction steps

On tablet screen sizes when there are a lot of items with a lot of text the underline misbehaves. The issue can be reproduced on https://github.com/features

Expected behavior

Underline spans full width of the SubNav.Item

Screenshots

Current behavior
Image
Expected behavior
Image

Browsers

No response

OS

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    brandbugSomething isn't working

    Type

    No type

    Projects

    Status

    No status

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions