Skip to content

[fix] Design updates to pfe-jump-links #1521

@coreyvickery

Description

@coreyvickery

pfe-jump-links

Cosmetic changes to the pfe-jump-links component.

Spacing

Screen Shot 2021-04-06 at 2 04 05 PM

  • Above the links container, there is 32px of top and bottom padding when the first or last link is not in the hover or active state
  • When the first or last link is in the hover or active state, the padding becomes 24px because the thicker red bar extends 8px above and below the link box height
  • Changes apply to dark theme as well

PatternFly spacers

Interaction updates

Screen Shot 2021-04-06 at 2 22 22 PM

  • On hover, the same instance of the thicker bar (seen in the active state) should appear to the left of the link
  • In the light theme, the color is #b8bbbe; in the dark theme, the color is #8a8d90

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions