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

ui: fix Download icon rendering on DiagnosticsView component #57776

Merged
merged 1 commit into from
Jan 11, 2021

Conversation

koorosh
Copy link
Collaborator

@koorosh koorosh commented Dec 10, 2020

Resolves #57698

Previously (with some regression changes), an icon on Statement
Diagnostics view wasn't rendered and instead base64 encoded string
was shown.

This fix introduces two kinds of changes:

  • Reused Download icon from ui-components package so it is renders
    properly
  • styles for Anchor and Button components are extended with fill
    attribute with the same values as for color attribute. It allows
    nested SVG elements (icons) to inherit proper colors even when link or button
    are hovered or disabled.

Release note (ui change): fixes corrupted icon rendering on Statement
Details page > Diagnostics tab

Before:
Screen Shot 2020-12-08 at 1 37 13 PM

After:
Screen Shot 2020-12-10 at 12 09 19 PM

@koorosh koorosh requested review from dhartunian, vladlos and a team December 10, 2020 10:11
@cockroach-teamcity
Copy link
Member

This change is Reviewable

Copy link
Contributor

@nathanstilwell nathanstilwell left a comment

Choose a reason for hiding this comment

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

Reviewed 4 of 4 files at r1.
Reviewable status: :shipit: complete! 0 of 0 LGTMs obtained (waiting on @dhartunian and @elkmaster)

Copy link
Contributor

@vladlos vladlos left a comment

Choose a reason for hiding this comment

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

Reviewed 4 of 4 files at r1.
Reviewable status: :shipit: complete! 0 of 0 LGTMs obtained (waiting on @dhartunian)

@koorosh koorosh force-pushed the fix-diagnostics-view-icon-render branch from 561180e to a48073e Compare January 8, 2021 13:25
Previously (with some regression changes), an icon on Statement
Diagnostics view wasn't rendered and instead base64 encoded string
was shown.

This fix introduces two kinds of changes:
- Reused Download icon from `ui-components` package so it is renders
properly
- styles for `Anchor` and `Button` components are extended with `fill`
attribute with the same values as for `color` attribute. It allows
nested SVG elements (icons) to inherit proper colors even when link or button
are hovered or disabled.

Release note (ui change): fixes corrupted icon rendering on Statement
Details page > Diagnostics tab
@koorosh koorosh force-pushed the fix-diagnostics-view-icon-render branch from a48073e to b03b370 Compare January 11, 2021 08:38
@koorosh
Copy link
Collaborator Author

koorosh commented Jan 11, 2021

bors r+

@craig
Copy link
Contributor

craig bot commented Jan 11, 2021

Build succeeded:

@craig craig bot merged commit 8e4cd76 into cockroachdb:master Jan 11, 2021
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.

ui: Download icon isn't rendered correctly on Statement Diagnostics tab
4 participants