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
Min-height
Forum rules
Please note that response time for technical support is within 3-5 business days.
Please note that response time for technical support is within 3-5 business days.
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Thanks a lot for the screenshots. I'll check and get back to you.
Best Regards,
Best Regards,
Github Profile: https://github.com/mertsincan
-
- Posts: 24
- Joined: 30 Jul 2014, 16:52
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;
}
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
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.
I'll fix the above SelectCheckboxMenu(multiple) issue.
Github Profile: https://github.com/mertsincan
-
- Posts: 24
- Joined: 30 Jul 2014, 16:52
Try to increase the height of the other components, I believe that we will have a better experience in this new design. See these screens ~ 36px
https://drive.google.com/file/d/1X0YHA0 ... sp=sharing
https://drive.google.com/file/d/1yy0brM ... sp=sharing
https://drive.google.com/file/d/1uh8QvK ... sp=sharing
https://drive.google.com/file/d/1G53G1e ... sp=sharing
https://drive.google.com/file/d/1ROr-hs ... sp=sharing
https://drive.google.com/file/d/1Hrucug ... sp=sharing
- Original:
https://drive.google.com/file/d/1X0YHA0 ... sp=sharing
https://drive.google.com/file/d/1yy0brM ... sp=sharing
https://drive.google.com/file/d/1uh8QvK ... sp=sharing
- ~36px:
https://drive.google.com/file/d/1G53G1e ... sp=sharing
https://drive.google.com/file/d/1ROr-hs ... sp=sharing
https://drive.google.com/file/d/1Hrucug ... sp=sharing
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Thanks a lot for the update! Is this issue resolved?
Github Profile: https://github.com/mertsincan
-
- Posts: 24
- Joined: 30 Jul 2014, 16:52
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.
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
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;
Best Regards,
Code: Select all
html {
height: 100%;
font-size: 13px; /* Please change this line according to your needs */
}
Github Profile: https://github.com/mertsincan
-
- Information
-
Who is online
Users browsing this forum: No registered users and 19 guests