Created attachment 132333 [details] suggestion_table Hi, The suggestion column becomes too wide when 50 or 100 suggestions are displayed in the different tabs of the table. a problem of css ? Regards Marjorie
I don't see this problem in my test system. What version of Koha are you using?
(In reply to Owen Leonard from comment #1) > I don't see this problem in my test system. What version of Koha are you > using? Hi, I tested on 20.05.03. Looks like it mostly concerns the Accepted tab https://www.screencast.com/t/smvcBvOlvnc Marjorie
Can't see the problem in 20.05.03. My next idea is to make sure we're trying it in the same browser. The other possibility is that one of your suggestions which only appears onscreen when you switch to 100 results has a very long string of unbroken text. That would force the table cell to expand to accommodate it.
(In reply to Owen Leonard from comment #3) > Can't see the problem in 20.05.03. My next idea is to make sure we're trying > it in the same browser. > > The other possibility is that one of your suggestions which only appears > onscreen when you switch to 100 results has a very long string of unbroken > text. That would force the table cell to expand to accommodate it. I tested on firefox and chrome and I had the same problem. But indeed a too long url in a note caused the enlargement of the column. I reduced the url and the display is correct now. I guess it's not necessarily a bug? Thank you for your time Marjorie
Owen, do you think we should close this or is this something we could catch better? (maybe shortening contents after a certain length like we can do for the facets?)
Created attachment 159150 [details] CSS used to lock down 2 columns. We wanted two columns to be set to fixed width and our support company added some CSS to the IntranetUsercss feature we don't have access to (we see a link to it residing on the server). No promises it would work elsewhere without a tweak, but it looks good for us. table#table_1.sorted.dataTable.no-footer > thead >tr >th:nth-child(2){ width:250px; } table#table_1.sorted.dataTable.no-footer > thead >tr > th:nth-child(10){ min-width: 180px; max-width: 180px; } table#table_1.sorted.dataTable.no-footer > tbody >tr > td:nth-child(2){ width: 250px; } table#table_1.sorted.dataTable.no-footer > tbody >tr > td:nth-child(10){ min-width: 180px; max-width: 180px; } table#table_2.sorted.dataTable.no-footer > thead >tr >th:nth-child(2) { width: 250px; } table#table_2.sorted.dataTable.no-footer > thead >tr >th:nth-child(10){ min-width: 180px; max-width: 180px; } table#table_2.sorted.dataTable.no-footer > tbody >tr >td:nth-child(2){ width: 250px; } table#table_2.sorted.dataTable.no-footer > tbody >tr >td:nth-child(10){ min-width: 180px; max-width: 180px; } table#table_3.sorted.dataTable.no-footer > thead >tr >th:nth-child(2) { width: 250px; } table#table_3.sorted.dataTable.no-footer > thead >tr >th:nth-child(10) { min-width: 180px; max-width: 180px; } table#table_3.sorted.dataTable.no-footer > tbody >tr >td:nth-child(2){ width: 250px; } table#table_3.sorted.dataTable.no-footer > tbody >tr >td:nth-child(10){ min-width: 180px; max-width: 180px; } table#table_4.sorted.dataTable.no-footer > thead >tr >th:nth-child(2) { width: 250px; } table#table_4.sorted.dataTable.no-footer > thead >tr >th:nth-child(10) { min-width: 180px; max-width: 180px; } table#table_4.sorted.dataTable.no-footer > tbody >tr >td:nth-child(2){ width: 250px; } table#table_4.sorted.dataTable.no-footer > tbody >tr >td:nth-child(10){ min-width: 180px; max-width: 180px; } table#table_5.sorted.dataTable.no-footer > thead >tr >th:nth-child(2) { width: 250px; } table#table_5.sorted.dataTable.no-footer > thead >tr >th:nth-child(10) { min-width: 180px; max-width: 180px; } table#table_5.sorted.dataTable.no-footer > tbody >tr >td:nth-child(2){ width: 250px; } table#table_5.sorted.dataTable.no-footer > tbody >tr >td:nth-child(10){ min-width: 180px; max-width: 180px; } table#table_6.sorted.dataTable.no-footer > thead >tr >th:nth-child(2) { width: 250px; } table#table_6.sorted.dataTable.no-footer > thead >tr >th:nth-child(10) { min-width: 180px; max-width: 180px; } table#table_6.sorted.dataTable.no-footer > tbody >tr >td:nth-child(2){ width: 250px; } table#table_6.sorted.dataTable.no-footer > tbody >tr >td:nth-child(10){ min-width: 180px; max-width: 180px; } table#table_7.sorted.dataTable.no-footer > thead >tr >th:nth-child(2) { width: 250px; } table#table_7.sorted.dataTable.no-footer > thead >tr >th:nth-child(10) { min-width: 180px; max-width: 180px; } table#table_7.sorted.dataTable.no-footer > tbody >tr >td:nth-child(2){ width: 250px; } table#table_7.sorted.dataTable.no-footer > tbody >tr >td:nth-child(10){ min-width: 180px; max-width: 180px; } table#table_8.sorted.dataTable.no-footer > thead >tr >th:nth-child(2) { width: 250px; } table#table_8.sorted.dataTable.no-footer > thead >tr >th:nth-child(10) { min-width: 180px; max-width: 180px; } table#table_8.sorted.dataTable.no-footer > tbody >tr >td:nth-child(2){ width: 250px; } table#table_8.sorted.dataTable.no-footer > tbody >tr >td:nth-child(10){ min-width:180px; max-width: 180px; } table.sorted.dataTable.no-footer > tbody >tr >td:nth-child(2) >div.suggestion_note{ width: 250px; height: fit-content; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; }
If it helps, I also see this problem in 22.11.10.