Description of the need
Sometimes it's required to use a search symbol instead of text in the search forms button. A possibility to use FontAwesome or locally stored icons would be practical.
Because for the search form button a <input type="submit">
is used, it's not possible to style it, using pseudo elements like :before
or :after
.
Proposed solution
It't would be required, to use a <button type="submit">
instead. This would also be better for semantic reasons.
Alternatives that have been considered
An alternative could be to create a view or custom block, which replaces the "Search form" block.
There is also a module Custom Search which allows to add an image to the Submit button, but not to use FontAwesome.
Another possibility if only a picture is required: add a backgound like .class { background: url('path/icon.svg'); }
.
You have to realize, that background-image:
does not work! (which makes no sense though ...).
This works also not for FontAwesome or other symbol libraries.
Additional information
Draft of feature description for Press Release (1 paragraph at most)
Backdrop now allows to style the Search Form Sumit Button.
Recent comments
Regarding the current solution by @quicksketch for #5482 - both @docwilmot and I have left a couple of thoughts. Perhaps it'd be good to discuss the current approach and alternatives.
Jun 30th - Weekly Meeting Agenda Items
@nattywebdev - I'm glad we were able to help. PS - I'm UK based too
Importing users from D7 site using Feeds - uses insert rather than update
Regarding #4285 (flushing the core directory instead of merging on self-update). @quicksketch I have no idea, how to test your PR. We really need to test it. It seems spooky to delete the directory,...
Jun 30th - Weekly Meeting Agenda Items