search

LeaVerou / awesomplete

Ultra lightweight, usable, beautiful autocomplete with zero dependencies.
http://leaverou.github.io/awesomplete/
MIT License
6.97k stars 611 forks source link

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

Open kevinmarks opened 5 years ago

kevinmarks commented 5 years ago

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

LeaVerou commented 5 years ago

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 ;)