Skip to content

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.
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