coreui-angular icon indicating copy to clipboard operation
coreui-angular copied to clipboard

RTL alignment issue in drop-down menu

Open codexSD opened this issue 1 year ago • 0 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

codexSD avatar Jan 12 '24 23:01 codexSD