Description
A clear and concise description of what the feature is
A design refactor that will support a RTL display of strapi admin (navbar-right, main content-left) - for Arabic, hebrew, etc...
Why should this feature be included?
Currently, Strapi design system uses a padding-{side} attribute to space contents between logos, texts and sections.
e.g:
If I for instance want to use strapi in a RTL direction, for it to support Arabic|Hebrew native view direction, it will look like this (emulating by writing in the console document.body.dir="rtl") :
You can see that the padding-right attribute is not supporting the flow of the document, and in general, it is a bad practice for spacing stuff, especially in a Flex Gap era 😄
Please provide an example for how this would work
I recommend moving to a Gap-based row gaps instead of (ab)using padding.
as i can emulate in the chrome devtools:
i give every row a gap: 12px
I disable the padding-right:12px (notice for the example I disabled only 'content manager' and 'content-type builder'
here's how it is in the classic ltr:
(again, changed just the padding only for the first 2 buttons in the sidebar)