LeaVerou / awesomplete

Ultra lightweight, usable, beautiful autocomplete with zero dependencies.

Home Page:http://leaverou.github.io/awesomplete/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

The mark in the dropdown looks odd with Shoelace as it adds padding

kevinmarks opened this issue · comments

Shoelace pads out mark which looks good in the usual context, but wrong in awesomplete.
Changing awesomplete.css to set it to 0 specifically fixes this

		.awesomplete mark {
			background: hsl(65, 100%, 50%);
			padding: 0 0;
		}

Before:
odd spaces in list due to padding
After:
looks correct again

Thanks! I'd be willing to merge a PR for this if you want to make one, although I think Shoelace shouldn't be so invasive. But it's just one declaration, so I'm fine adding it. :)

Btw padding: 0; and padding: 0 0; are equivalent ;)