Page 1 of 1
Width issue for p:menuButton
Posted: 30 Dec 2020, 09:48
by 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
Re: Width issue for p:menuButton
Posted: 08 Jan 2021, 13:57
by merve7
Hi,
@siris Could you please check this issue?
Best regards,
Re: Width issue for p:menuButton
Posted: 14 Jan 2021, 11:12
by 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
Re: Width issue for p:menuButton
Posted: 16 Jan 2021, 12:00
by rider
Thanks..
I´ve added also:
body .ui-menu.ui-menu-dynamic {
width: auto;
max-width: 300px;
}
Is this fine?
Re: Width issue for p:menuButton
Posted: 20 Jan 2021, 05:04
by 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,