When you have turned on "did you mean" suggestions in the OPAC, the text in the yellow box won't wrap on smaller screens. This is because of: .searchsuggestion { white-space: nowrap; } .searchsuggestion { white-space: normal } in OpacUserCSS seems to fix it.
For instructions on how to change the OPAC CSS files see: https://wiki.koha-community.org/wiki/Working_with_Bootstrap_OPAC_LESS_files
Created attachment 59112 [details] Screenshot Katrin, is this what you mean?
Created attachment 59115 [details] Second Screenshot This is what it looks like after applying the css, is this the result you wanted?
Hi Zoe, it's a bit hard to tell from the screenshots, but it looks like the yellow box is contained inside the 'white box', so that should work better when there is more text from the plugins.
Created attachment 63128 [details] [review] Bug 16515 - Did you mean? links don't wrap on smaller screens This patch tweaks some CSS in the OPAC to give the "Did you mean" block better layout on smaller screens. To test, apply the patch and process LESS files. Enable "Did you mean" plugins for the OPAC in Administration. Perform a search in the OPAC and confirm that the "Did you mean" block looks correct. Resize your browser to various widths and confirm that the block handles all sizes well.
Created attachment 63129 [details] [review] Bug 16515 [Generated CSS] Did you mean? links don't wrap on smaller screens Processed and minified CSS.
Created attachment 63317 [details] [review] Bug 16515 [Generated CSS] Did you mean? links don't wrap on smaller screens Processed and minified CSS. Works as expected and looks much tidier now. Signed-off-by: Dilan Johnpulle <dilan@calyx.net.au>
Created attachment 63318 [details] Screenshot after applying patch
Created attachment 63338 [details] [review] Bug 16515 - Did you mean? links don't wrap on smaller screens This patch tweaks some CSS in the OPAC to give the "Did you mean" block better layout on smaller screens. To test, apply the patch and process LESS files. Enable "Did you mean" plugins for the OPAC in Administration. Perform a search in the OPAC and confirm that the "Did you mean" block looks correct. Resize your browser to various widths and confirm that the block handles all sizes well. Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
Created attachment 63339 [details] [review] Bug 16515 [Generated CSS] Did you mean? links don't wrap on smaller screens Processed and minified CSS. Works as expected and looks much tidier now. Signed-off-by: Dilan Johnpulle <dilan@calyx.net.au> Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
Pushed to master for 17.05, thanks Owen!
This patch has been pushed to 16.11.x and will be in 16.11.08.
...patches even
Pushed to 3.22.x for 3.22.21
Pushed to 16.05.x, for 16.05.13 release