ui-menu : how to force the submenu icon to be positioned at the right.
I'm using the menu from 1.9 (development). I have the problem that the submenu icon is not always displayed to the right, see screenshot in attachment : in the second submenu, the submenu icon doesn't appear to the right of sblock0, but on top of it. I can solve this by setting the width big enough (e.g. width=200px), but I don't want to used a static width. I tried to fix it with css settings, but I don't have much experience with all those settings. Below the html code of the sblock submenu generated by the menu widget. Does anybody know some useful css settings ?
<li class="ui-menu-item" role="menuitem">
<a href="model/block1/sblock0" class="ui-corner-all ui-state-active" tabindex="-1">
<span class="ui-icon ui-icon-carat-1-e"></span>
sblock0
</a>
<ul class="ui-menu ui-widget ui-widget-content ui-corner-all" style="display: block; top: 21.2px; left: 49px;">
<li class="ui-menu-item" role="menuitem">
<a href="model/block1/sblock0/parm3" class="ui-corner-all" tabindex="-1">parm3</a>
</li>
<li class="ui-menu-item" role="menuitem">
<a href="model/block1/sblock0/parm4" class="ui-corner-all" tabindex="-1">parm4</a>
</li>
</ul>
</li>