Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

🐛 Update external links styling across the UI #1602

Merged
merged 1 commit into from
Dec 11, 2023

Conversation

sjd78
Copy link
Member

@sjd78 sjd78 commented Dec 8, 2023

Resolves: https://issues.redhat.com/browse/MTA-1846

Update the render of external links to be consistent across the UI:

  • Use ExternalLink consistently
  • The icon used is the small size of ExternalLinkAltIcon
  • The text and the icon are both part of the link

Use of ExternalLink updated to use the inline variant when used directly in table cells so it doesn't introduce extra height to the row. In a td, we want text and link content to be the same height.

Use updated in:

  • Dependencies detail drawer, application table, version link
  • Issues table, expanded row, details links
  • Migration waves, status sub-table, issue link

Resolves: https://issues.redhat.com/browse/MTA-1846

Update the render of external links to be consistent across the UI:
  - Use `ExternalLink` consistently
  - The icon used is the small size of `ExternalLinkAltIcon`
  - The text and the icon are both part of the link

Use of `ExternalLink` updated to use the inline variant when used
directly in table cells so it doesn't introduce extra height to the
row. In a `td`, we want text and link content to be the same height.

Use updated in:
  - Dependencies detail drawer, application table, version link
  - Issues table, expanded row, details links
  - Migration waves, status sub-table, issue link

Signed-off-by: Scott J Dickerson <[email protected]>
@sjd78
Copy link
Member Author

sjd78 commented Dec 8, 2023

Screenshots of external link use in dependencies and issues tables:

screenshot-localhost_9000-2023 12 07-21_40_43

screenshot-localhost_9000-2023 12 07-21_39_42

@sjd78 sjd78 requested a review from ibolton336 December 8, 2023 02:57
Copy link

codecov bot commented Dec 8, 2023

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (ca600a3) 39.27% compared to head (d842a8c) 39.27%.

Additional details and impacted files
@@           Coverage Diff           @@
##             main    #1602   +/-   ##
=======================================
  Coverage   39.27%   39.27%           
=======================================
  Files         146      146           
  Lines        4827     4827           
  Branches     1152     1152           
=======================================
  Hits         1896     1896           
  Misses       2917     2917           
  Partials       14       14           
Flag Coverage Δ
client 39.27% <ø> (ø)
server ∅ <ø> (∅)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants