search

oferh / ng2-completer

Angular 2 autocomplete component
http://oferh.github.io/ng2-completer/
MIT License
348 stars 171 forks source link

Box shadow for completer dropdown holder #413

Open SwethaNeerukonda opened 5 years ago

SwethaNeerukonda commented 5 years ago

When we focus the ng2-completer then it adds a blue box shadow around the input, but the same does not happen to the dropdown holder. I tried adding css for completer-dropdown-holder and the code is below:

.completer-dropdown-holder{ border-bottom: 2px solid #5895DD !important; border-left: 2px solid #5895DD !important; border-right: 2px solid #5895DD !important; box-shadow: 0 0 .625em #5895DD; }

When I do this it show the box shadow before only because it is rendering the completer dropdown holder when the page loads. The same does not happen when we open and close the dropdown. So when the page loads and the dropdown is not opened then the dropdown holder div should not be loaded. If this cannot be changed could you let me know how I could add box shadow for the completer dropdown holder.

pflopez commented 5 years ago

You need to apply those styles to .completer-dropdown, not .completer-dropdown-holder.