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

Changed EuiText color of EuiCallout #4816

Merged
merged 2 commits into from
May 26, 2021
Merged

Conversation

nancy2681
Copy link
Contributor

@nancy2681 nancy2681 commented May 20, 2021

Summary

Fixed #4811 by changing EuiText color of EuiCallout to default.

Before

Screen Shot 2021-05-25 at 13 16 19 PM

After

Screen Shot 2021-05-25 at 13 15 56 PM

Checklist

  • Check against all themes for compatibility in both light and dark modes
  • Checked in mobile
  • Checked in Chrome, Safari, Edge, and Firefox
  • Props have proper autodocs and playground toggles
  • Added documentation
  • Checked Code Sandbox works for the any docs examples
  • Added or updated jest tests
  • Checked for breaking changes and labeled appropriately
  • Checked for accessibility including keyboard-only and screenreader modes
  • A changelog entry exists and is marked appropriately

@kibanamachine
Copy link

Since this is a community submitted pull request, a Jenkins build has not been kicked off automatically. Can an Elastic organization member please verify the contents of this patch and then kick off a build manually?

@cla-checker-service
Copy link

cla-checker-service bot commented May 20, 2021

💚 CLA has been signed

@nancy2681
Copy link
Contributor Author

@cchaos Can you please review my PR?

@cchaos
Copy link
Contributor

cchaos commented May 25, 2021

👋 Thanks and welcome @nancy2681. Do you mind adding some before/after screenshots as well so we can easily see the fix?

I'll get our CI (Jenkins) started for you which will run our tests and get a preview built.
Jenkins, test this

@@ -538,6 +540,7 @@ describe('EuiDataGrid', () => {
"height": 34,
"left": 0,
"position": "absolute",
"right": undefined,
Copy link
Contributor

Choose a reason for hiding this comment

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

It looks like there might be some unrelated changes in this PR?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I think its because of this command: yarn run test-unit -u

Copy link
Contributor

Choose a reason for hiding this comment

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

Hmm. I'd make sure then that your local copy is up to date with master. If for some reason it still wants to update these files, just revert them manually before committing.

Copy link
Contributor

Choose a reason for hiding this comment

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

Keep the ones associated with the new text color for EuiCallout though

@nancy2681
Copy link
Contributor Author

@cchaos I am on it! Thanks for the review!

@kibanamachine
Copy link

Preview documentation changes for this PR: https://eui.elastic.co/pr_4816/

@nancy2681
Copy link
Contributor Author

nancy2681 commented May 25, 2021

@cchaos This is how it looks, does it look good!?

image

@hetanthakkar
Copy link
Contributor

The code example is given in sandbox and the code modified can be locally run and seen on elastic documentation website. So many a times when I fix an issue and the bug is reporduced in codesandbox, Its hard for me to replicate that in locally build doc website.Can you please tell us what to do in these cases

@cchaos
Copy link
Contributor

cchaos commented May 25, 2021

Great question @hetanthakkar1, I've moved it to a discussion issue here: #4823 as to not bog down @nancy2681's PR.

@hetanthakkar
Copy link
Contributor

@cchaos I think that's the same problem @nancy2681 would be facing to demonstrate bugfix in screenshot

@cchaos
Copy link
Contributor

cchaos commented May 25, 2021

Yep, I'm just saying lets not discuss here because it is not only specific to this PR. Both of you are welcome to reference my suggestions here #4823 (comment).

@nancy2681 It looks like the tests are failing because of linting issues (also associated with those unrelated changes). I'd double check that your libraries are updated by running yarn and that your IDE is using our ESLint and editorconfig configurations.

@nancy2681
Copy link
Contributor Author

@cchaos Yes, I am facing the same problem which @hetanthakkar1 mentioned.

@nancy2681
Copy link
Contributor Author

@cchaos I will check and fix them.

@cchaos
Copy link
Contributor

cchaos commented May 25, 2021

I've updated the PR summary with an example of using screenshots to emulate the fix. This specific bug that is filed in #4811 happens when the text color of the parent element is something other than the normal text color. So to replicate the situation, I used Chrome dev tools to force the example panel's background-color: black and color: white. You can see that the text color above the panel is white and how the callout used to inherit that color, but the fix has indeed made sure the text color within the callout continues to be the default color.

Screen Shot 2021-05-25 at 13 21 32 PM

@nancy2681
Copy link
Contributor Author

@cchaos Thank you for helping me with this.

@nancy2681
Copy link
Contributor Author

@cchaos I have made the required changes. Please review!

Copy link
Contributor

@cchaos cchaos left a comment

Choose a reason for hiding this comment

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

LGTM! Thanks for the fix and updates! I'll run our test suite one more time to make sure it passes.

Jenkins, test this

@nancy2681
Copy link
Contributor Author

@cchaos I cant see the tests running

@cchaos
Copy link
Contributor

cchaos commented May 26, 2021

Yeah something is up. Gonna try again.

Jenkins, test this

@kibanamachine
Copy link

Preview documentation changes for this PR: https://eui.elastic.co/pr_4816/

@thompsongl thompsongl merged commit df160eb into elastic:master May 26, 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.

[EuiCallout] Text color is inherited from EuiBottomBar
5 participants