Skip to content
This repository has been archived by the owner on Nov 4, 2024. It is now read-only.

bugfix/COR-1069-inconsistent-link-hover-styles #4516

Merged

Conversation

VWSCoronaDashboard26
Copy link
Contributor

Summary

  • updated general typography styles to always make anchor elements underlined when associated props are supplied
  • rewrote (pars of) the styled components for typography elements

Notes

The original pull request for bugfix can be found here, yet I opted to close it as it gave the wrong impression about the bug and took a wrong approach to resolve it.

I left a question in said pull request to try and figure out why certain logic was applied to JSX, resulting in complex JSX and a large redundancy of span elements in the DOM. However, during testing I realised that these changes were there because of certain sentences being cut off and the fact that we need to group the last word and the arrow icon together. I do still think that this logic should be removed, yet I opted to not pick it up as part of this ticket, mainly due to the fact that this type of logic can be found in multiple places throughout the code base and does not result in inconsistent link styles.

As per agreement with design: all links should get an underline when hovered. The below screenshot only covers the link mentioned in the associated ticket, but all links have been checked. Other links that are covered by this pull request are

  • links in the footer
  • navigational links on an article page
  • navigational links on a GM page

Links that already existed but have a distinct text-decoration value of none have been left out for now.

As mentioned above: there are some more things to generally fix for the various flavours of links, but I think it makes sense pick this up seperately.

Screenshots

Both screenshots show a hover state, but no cursor.

Before

image

After

image

…hor elements underlined when associated props are supplied; rewrote (parts of) the styled component;
@VWSCoronaDashboard26 VWSCoronaDashboard26 force-pushed the bugfix/COR-1069-inconsistent-link-hover-styles branch from 5357709 to 0a6fb0f Compare November 29, 2022 11:18
Copy link
Contributor

@APW26 APW26 left a comment

Choose a reason for hiding this comment

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

Approving because I have no blocking comments, but I did ask a question in a comment

packages/app/src/components/typography.tsx Show resolved Hide resolved
@VWSCoronaDashboard26 VWSCoronaDashboard26 merged commit 56cdee0 into develop Nov 30, 2022
@VWSCoronaDashboard26 VWSCoronaDashboard26 deleted the bugfix/COR-1069-inconsistent-link-hover-styles branch November 30, 2022 11:30
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants