coreui-angular
coreui-angular copied to clipboard
RTL alignment issue in drop-down menu
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