Fix CSS of some Algolia search results - Highlighting too big font

[acsr]

This is related to the recent Pull Request #68 We got feedback that the CSS of some search results is still a bit ugly. See:

https://community.plone.org/t/lovely-docs-plone-org-search-enhancement/10552

THX @zopyx , I saw this in the screenshot of Kim above as well – and indeed, during the tests before the pull requests it seemed to work well locally and released.

The production CSS has now this small caveeat to master. Should be easy to fix in the custom.css in the highlighting of the result. Important! This is affecting the Algolia related CSS that was badly overwritten by local Plone in the past. Tipp: To inspect the overlays code and CSS, @balavec copied the whole dynamic overlay result temporarily into the local page, because once you try to inspect it it vanishes. You can of course can use other techniques to freeze your browser.

Important! The Issue is actually depending on the result. During the test in the Sprint the issue did not show up at all. But maybe all others were Design Blind.

To figure that difference out try search terms like foo, fool foolish and Tool.

Our latest fixes are in the related commented block at the end of the Sphinx custom.css