Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

DropDown: Selected items positioned slightly too high #177

Open
Jemt opened this issue Jan 26, 2023 · 1 comment
Open

DropDown: Selected items positioned slightly too high #177

Jemt opened this issue Jan 26, 2023 · 1 comment

Comments

@Jemt
Copy link
Owner

Jemt commented Jan 26, 2023

See the following example:
https://jsfiddle.net/wL7qe2bv/4/

For different font-sizes the selected items do not always align properly.

image

The problem is probably related to:

font-size: 0.85em;

Try adjusting the font-size a bit - and make sure to test it with many different font sizes! The control MUST remain 2em height by default to align properly with other controls !!

div.FitUiControlDropDown[data-multiselect="true"] div.FitUiControlDropDownItems > span,
div.FitUiControlDropDown[data-multiselect="true"] div.FitUiControlDropDownItems > input
{
	font-size: 0.885em; /*original value: 0.85em;*/
}

Also make sure it looks good when selected items "word wrap":

image

@Jemt Jemt added the minor bug label Jan 26, 2023
@Jemt
Copy link
Owner Author

Jemt commented May 26, 2023

Actually there is no need to adjust the font size in text selection mode. Use this instead:

div.FitUiControlDropDown[data-multiselect="true"][data-selectionmode="visual"] div.FitUiControlDropDownItems > span,
div.FitUiControlDropDown[data-multiselect="true"][data-selectionmode="visual"] div.FitUiControlDropDownItems > input
{
	font-size: 0.885em; /*original value: 0.85em;*/
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant