Issue1724 autocomplete result list

[joelit]

Reasons for creating this PR

Reacting to user feedback

Link to relevant issue(s), if any

• Closes Autocomplete result list improvements #1724

Description of the changes in this PR

• Search result list background changed to darker color
• Search result list width according to the search field width
• Add a scroll bar if the search result list or the languagage selection list is longer than 50% of view window height

Known problems or uncertainties in this PR

• The layout changes need to be approved

Checklist

• phpUnit tests pass locally with my changes
• I have added tests that show that the new code works, or tests are not relevant for this PR (e.g. only HTML/CSS changes)
• The PR doesn't reduce accessibility of the front-end code (e.g. tab focus, scaling to different resolutions, use of .sr-only class, color contrast)
• The PR doesn't introduce unintended code changes (e.g. empty lines or useless reindentation)

[osma]

The changes so far look good, although I'm not sure if the darker background is such a great idea. It looks a bit confusing IMHO.

If I may make an additional request, I think the left margin/padding of search results should be the same as in the search field. Currently they don't align very well, as shown here with a red line:

[UnniKohonen]

There is one line in the CSS that seems to be redundant, otherwise looks good to me!

[sonarqubecloud]

Quality Gate failed

Failed conditions
11.1% Duplication on New Code (required ≤ 3%)

See analysis details on SonarQube Cloud