Min-height

Post Reply
diogo.soares
Posts: 24
Joined: 30 Jul 2014, 16:52

15 Sep 2020, 16:14

The minimum height of the components is not being respected in version 3.0.1. I tried to overlap this, but the internal alignment of some components: selectOneMenu, selectCheckboxMenu, chips, calendar was not good. It would be interesting to set it at ~ 36px. Untitled panels have no top border.

Version 2.0.1:
https://drive.google.com/open?id=14kPWu ... RL3Imu3Z4u

Version 3.0.1:
https://drive.google.com/open?id=16tKMt ... oiYVeJ78h2

mert.sincan
Posts: 4352
Joined: 29 Jun 2013, 12:38

29 Sep 2020, 17:03

Thanks a lot for the screenshots. I'll check and get back to you.

Best Regards,

diogo.soares
Posts: 24
Joined: 30 Jul 2014, 16:52

30 Sep 2020, 19:17

the best I could do was to adjust the minimum height of some components a little bit overlapping the css. try to fix this in future updates, it would be interesting for the selection components to be the same height as a text component, we use a lot of selectOneMenu, spinner, autoComplete and selectCheckboxMenu.

Code: Select all

.ui-inputfield {
    min-height: 3rem;
}

.ui-selectonemenu .ui-selectonemenu-label {
    padding: .75rem .5rem !important;
    margin-bottom: -.25rem !important;
}

.ui-selectcheckboxmenu {
    min-height: 3rem;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield {
    min-height: .3rem !important;
    margin-bottom: -.25rem !important;
}

.ui-autocomplete-dropdown {
    padding: .346rem !important;
}

.ui-chips {
    min-height: 3rem;
}

.ui-chips .ui-chips-container {
    padding: .5rem !important;
}

mert.sincan
Posts: 4352
Joined: 29 Jun 2013, 12:38

02 Oct 2020, 17:12

Interesting! They all seem to have the same height except the SelectCheckboxMenu with multiple mode. Could you please check our sample project or live demo?
I'll fix the above SelectCheckboxMenu(multiple) issue.


mert.sincan
Posts: 4352
Joined: 29 Jun 2013, 12:38

05 Oct 2020, 09:39

Thanks a lot for the update! Is this issue resolved?

diogo.soares
Posts: 24
Joined: 30 Jul 2014, 16:52

08 Oct 2020, 22:09

The problem occurs with selectCheckboxMenu multiple and autoComplete multiple. So I suggested the change in the min-height: 3 rem, I think it fit this new design better. if it is possible to leave these values in new versions it will be legal.

mert.sincan
Posts: 4352
Joined: 29 Jun 2013, 12:38

10 Oct 2020, 02:58

I'll fix this issue for selectCheckboxMenu multiple and autoComplete multiple. But, unfortunately, we cannot give any min-height components. You can change the font-size in html to make it smaller or larger. Please see html font-size;

Code: Select all

html {
    height: 100%;
    font-size: 13px; /* Please change this line according to your needs */
}
Best Regards,

Post Reply

Return to “Paradise - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest