search

contao / contao-demo

This is an example website for Contao, a powerful open source CMS that allows you to create professional websites and scalable web applications.
https://contao.org
Creative Commons Attribution Share Alike 4.0 International
3 stars 8 forks source link

Search-icon has no functionality #8

Closed saress closed 2 months ago

saress commented 1 year ago

Currently the searchbar uses a background-image:

.searchbar .widget-text:before { position: absolute; top: 50%; right: 1.5rem; z-index: 5; transform: translateY(-50%); width: 1.5rem; height: 1.5rem; background: white url(../../files/contaodemo/theme/src/img/icons/search.svg) center center no-repeat; content: ""; pointer-events: none; }

image

and the submit-button will not be displayed:

.searchbar .widget-submit { display: none; position: absolute; top: 50%; right: 1.5rem; z-index: 5; transform: translateY(-50%); overflow: hidden; width: 1.5rem; height: 1.5rem; }

So in this case you cannot click or tap the search-icon with your mouse / fingers and you always have to use the keyboard to submit.

Kind regards, Saress

zoglo commented 2 months ago

Could be closed as #12 has been merged already