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

[EuiMarkdownFormat] Removed emoticon support and extra rendered <div> #5176

Merged
merged 7 commits into from
Sep 14, 2021

Conversation

cchaos
Copy link
Contributor

@cchaos cchaos commented Sep 13, 2021

Remove emoticon support specifically

This doesn’t affect regular :__: syntax, just those that try to turn certain character combos like x) into one, which can occur frequently in code related contexts.

Before
Screen Shot 2021-09-13 at 16 27 33 PM

After
Screen Shot 2021-09-13 at 16 27 56 PM

Fixed extra bottom margins by removing extra rendered <div>

This was causing all of the last items like <p> to keep their bottom margins which would throw off layouts in consuming applications. We were already only adding bottom margin to text elements if :not(:last-child) in .euiText. But since that wrapping div threw off the nested selector, it never applied.

Before
Screen Shot 2021-09-13 at 17 02 56 PM

After
Screen Shot 2021-09-13 at 17 02 24 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 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

cchaos added 2 commits September 13, 2021 16:31
This doesn’t affect regular `:__:` syntax, just those that try to turn certain character combos like `x)` into one, which can occur frequently in code related contexts.
@cchaos cchaos changed the title [EuiMarkdownFormat] Removed emoticon support removed extra rendered <div> [EuiMarkdownFormat] Removed emoticon support and extra rendered <div> Sep 13, 2021
cchaos added 2 commits September 13, 2021 17:06
This reverts commit f4f80d3.
CHANGELOG.md Show resolved Hide resolved
Copy link
Contributor

@cee-chen cee-chen left a comment

Choose a reason for hiding this comment

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

Looks great to me from a code perspective! Not sure if you want to wait @chandlerprall or @miukimiu to approve though from a product design POV 🦅

@kibanamachine
Copy link

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

Copy link
Contributor

@elizabetdev elizabetdev left a comment

Choose a reason for hiding this comment

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

Yes! The emoticon was really annoying as we can see in that CodeSandbox link (using the markdown format).

Screenshot 2021-09-14 at 18 16 19

It seems that the extra div was not doing anything! So no problem with removing it. 😄

Tested in Chrome, Safari, and Firefox, and LGTM! 🎉

@cchaos cchaos enabled auto-merge (squash) September 14, 2021 17:37
@kibanamachine
Copy link

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

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.

4 participants