| bekay | |
| Jan 17 2024, 16:42 |
| F715385: image.png | |
| Jan 17 2024, 16:42 |
| F715296: image.png | |
| Jan 17 2024, 16:42 |
A typeahead result set of the main search on our instance can look like this:
As you can see: The red part should not be truncated, because it can contain important context to discern the results. The blue part should be truncated in a correct way with an ellipsis.
With some very small css changes it could look like this:
Do you think that is better?
I guess you could get the result that you're looking for by editing the file webroot/rsrc/css/aphront/typeahead.css and removing the line white-space: nowrap; from the definition of div.jx-typeahead-results a.jx-result. I just don't know which side effects this may have in other places...
My fix would work with this css class: https://we.phorge.it/source/phorge/browse/master/webroot/rsrc/css/application/base/main-menu-view.css$298
It is pretty safe to say, that these styles are only meant for the main menu and will have no side effects. The fix is fast implemented, just wanted to know: Is the reasoning behind this sound?
My fix would work with this css class
I did not realize you had a fix. Please share it. :)
BTW I like the proposed screenshot. So I also agree to: feel free to share the solution 👍