[Fixed] Move p-panel-menu-icon to the right


I tried to use panel-menu in primeng.

enter image description here

But I want the arrow icons on the right. Like this….

enter image description here


You can do that by CSS:

.p-panelmenu-icon {
 order: 1; // to be the first item on right side.
.p-menuitem-text {
 flex-grow: 1; // to fill the whole space and push the icon to the end

Leave a Reply

(*) Required, Your email will not be published