coreui/coreui-angular

RTL alignment issue in drop-down menu

Closed this issue · 1 comments

I encountered an alignment issue while attempting to implement a drop-down menu for the RTL (right-to-left) version. Despite my efforts, the design consistently exhibits incorrect alignment. Upon investigating the coreui package in Angular, I identified a problem in the scss file located at "node_modules@coreui\coreui\scss_dropdown.scss", specifically at line 57:

text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)

To resolve this issue and provide support for RTL, I recommend modifying the "text-align" property to "start". This adjustment will ensure the appropriate alignment for RTL layouts.

Version: 4.7.0

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions