This PR updates the data entry app to support RTL display:
updated cli-app-scripts, cli-style, and d2-ui dependncies
added stylelint for linting
ran stylelint and manually fixed some remaining css logical property validations
set direction: 'auto' in the d2.config.js
did some additional clean up (mostly around specifying arrows based on language)
After:
Small issues that I observed:
it looks like the UI library needs some adjustments for buttons with icons as the icon is not properly positioned (this is a very minor issue, but is noticeable on the year navigation buttons)
some of the displays for mathematical operators, like <, look weird to me, e.g that the text displays as 1y< rather than as <1y. I don't know if this is more logical for an Arabic speaker 🤔. This issue also seems fairly minor to me as it could be addressed by adding a database translation for the category option
Not sure if we would want any small adjustments on say number positions given how number input works with Arabic keyboards.
This PR updates the data entry app to support RTL display:
After:
Small issues that I observed:
<
, look weird to me, e.g that the text displays as1y<
rather than as<1y
. I don't know if this is more logical for an Arabic speaker 🤔. This issue also seems fairly minor to me as it could be addressed by adding a database translation for the category option