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

[WIP][TEST] Repl all physical-to-logical units #3992

Closed
wants to merge 6 commits into from
Closed

Conversation

nyurik
Copy link
Contributor

@nyurik nyurik commented Sep 2, 2020

** DO NOT MERGE **

This is a test to see and discuss how EUI Docs will appear if all margin, padding, and borders are replaced with the logical units rather than the physical ones. Example: margin-left -> margin-inline-start.

The replacements were done with a script
https://gist.github.com/nyurik/d438cb56a9059a0660ce4176ef94576f

Summary

Provide a detailed summary of your PR. Explain how you arrived at your solution. If it includes changes to UI elements include a screenshot or gif.

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

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

@kibanamachine
Copy link

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

@kibanamachine
Copy link

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

** DO NOT MERGE **

This is a test to see and discuss how EUI Docs will appear if all margin, padding, and borders are replaced with the logical units rather than the physical ones.  Example: `margin-left` -> `margin-inline-start`.

The replacements were done with a script
https://gist.github.com/nyurik/d438cb56a9059a0660ce4176ef94576f
@kibanamachine
Copy link

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

@kibanamachine
Copy link

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

@cchaos
Copy link
Contributor

cchaos commented Jan 26, 2021

Hey @nyurik ! Thanks again for showing us how we can eventually support RTL languages better. I'm going to close this PR as it's much out of date, but it'll obviously still be around for reference.

@cchaos cchaos closed this Jan 26, 2021
@thompsongl thompsongl deleted the nyurik/all-rtl branch November 1, 2021 18:52
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.

3 participants