Width issue for p:menuButton

[rider]

Hi,

I have an issue for p:menuButton if the item name is longer then normal. Please find below:


How can this be solved that the menu is in one line?

Thanks

[merve7]

Hi,
@siris Could you please check this issue?

Best regards,

[siris]

Hi,

Sorry for the delayed response!

Please add the following scss code to _theme_styles.scss and then provide new css files using sass command;

Code: Select all

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text {
  vertical-align: middle;
  float: none;
}

Regards

[rider]

Thanks..

I´ve added also:

body .ui-menu.ui-menu-dynamic {
width: auto;
max-width: 300px;
}

Is this fine?

[siris]

Hi,

I can't say anything because I don't know your intended use. You can override themes as long as you don't have a problem.

Best Regards,