Multiselect checkbox and span spacing
Posted: 12 Feb 2020, 03:02
Multiselect checkbox on Avalon (also Morpheus and perhaps others) appears to have a minor CSS bug that creates crowding of span element's text next to the checkbox for each item.
Reviewing other themes without this problem indicated a different margin setting for the following selector:
BUG: Property with spacing bug:
FIX: Property found in other themes without the bug:
Screenshot displaying crowded checkbox and text that needs additional space:
This was discovered while reviewing the UI of various themes in Live Demo feature of Avalon's theme page.
I understand that I'm able to put this fix in place myself in my own CSS, but thought I should mention it here to improve this and other buggy themes at the source.
Reviewing other themes without this problem indicated a different margin setting for the following selector:
Code: Select all
body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item .ui-chkbox
Code: Select all
margin-top: 0;Code: Select all
margin: 0 .5em 0 0;This was discovered while reviewing the UI of various themes in Live Demo feature of Avalon's theme page.
I understand that I'm able to put this fix in place myself in my own CSS, but thought I should mention it here to improve this and other buggy themes at the source.