Skip to content

Conversation

@Notorious-Ali
Copy link

@Notorious-Ali Notorious-Ali commented Dec 2, 2025

  • Added a little improvement for rtl support
Screenshot 2025-12-02 053542 fixed Screenshot 2025-12-02 053231 fixed-input Screenshot 2025-12-02 064010 fixed-nav

- Add RTL margin override for .ms-2 class in Media navbar component
- Add RTL comment for form control feedback positioning in forms component
- Add RTL comments for brand wrapper title positioning in navbar component
- Add RTL comments for validation error background positioning
- Update compiled CSS files (TheAdmin.css and login.css) with RTL directives
- Improve right-to-left language support through SCSS/CSS RTL annotations
@github-actions
Copy link
Contributor

github-actions bot commented Dec 2, 2025

Thank you for submitting your first pull request, awesome! 🚀 If you haven't already, please take a moment to review our contribution guide. This guide provides helpful information to ensure your contribution aligns with our standards. A core team member will review your pull request.

If you like Orchard Core, please star our repo and join our community channels.

@Piedone
Copy link
Member

Piedone commented Dec 2, 2025

@hishamco could you please check?

display: block;
position: absolute;
left: calc(var(--oc-start-navigation-width) + 10px);
left: calc(var(--oc-start-navigation-width) + 10px); /*rtl:ignore*/
Copy link
Member

Choose a reason for hiding this comment

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

@Notorious-Ali what do you mean to convey when you add these comments?

Copy link
Author

@Notorious-Ali Notorious-Ali Dec 3, 2025

Choose a reason for hiding this comment

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

The /* rtl:ignore */ comment was used to prevent RTLCSS from auto-flipping the position. It was a leftover from the initial commit, and I’ve removed it now.

@agriffard agriffard changed the title style: some rtl improvments RTL improvements Dec 2, 2025
@hishamco
Copy link
Member

hishamco commented Dec 2, 2025

@Notorious-Ali, are the fixes for the above screenshots, so I can test them in Arabic

- Remove `/*rtl:ignore*/` comment from `.has-filter .form-control-feedback` left property in _forms.scss
- Remove `/*rtl:ignore*/` comment from `.brand-wrapper-title` left property in _navbar.scss
- Remove `/*rtl:ignore*/` comment from `.left-sidebar-compact .ta-navbar-top .brand-wrapper-title` left property in _navbar.scss
- Remove `/*rtl:ignore*/` comment from `input.input-validation-error` background-position property in _validations.scss
- These comments are no longer needed as RTL handling is managed through explicit `[dir="rtl"]` selectors
@Notorious-Ali
Copy link
Author

Notorious-Ali commented Dec 3, 2025

**hishamco **

Yes, those fixes cover the issues shown in the screenshots.

@github-actions
Copy link
Contributor

github-actions bot commented Dec 3, 2025

This pull request has merge conflicts. Please resolve those before requesting a review.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants