Page 1 of 1

3.3.1 - SelectOneMenu overlap-issue (item-labels overlap drop-down-trigger)

Posted: 12 Oct 2020, 16:35
by christophs78
When we use ui-fluid everything is fine:

Code: Select all

body .ui-fluid .ui-selectonemenu-label {
  width: calc(100% - 2.357rem);
}
body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger {
  width: 2.357rem;
  padding: 0;
}
Without ui-fluid it overlaps because

Code: Select all

.ui-selectonemenu .ui-selectonemenu-label {
    width: 100%;
   ...
}

body .ui-selectonemenu .ui-selectonemenu-trigger {
    width: 2.357rem;
    ...
}
Up to Babylon 3.2.x this had not been an issue. Probably due to

Code: Select all

.ui-selectonemenu {
    padding-right: 22px;
    ....
}

Re: 3.3.1 - SelectOneMenu overlap-issue (item-labels overlap drop-down-trigger)

Posted: 13 Oct 2020, 09:27
by mert.sincan
Hi,

Fixed for next version. For now, please try;

Code: Select all

body .ui-selectonemenu .ui-selectonemenu-label {
    padding-right: 2.357rem;
}

body .ui-fluid .ui-selectonemenu-label {
    padding: 0.5rem 0.5rem;
}
You can add _theme_styles.scss under src/main/webapp/resources/sass/overrides

Best Regards,