[Koha-bugs] [Bug 30383] Column suggestion is too wide when displaying more than 20 suggestions (suggestion.pl)

21 Nov 2023

      ...
tr >td:nth-child(10){
  min-width: 180px;
  max-width: 180px;
}
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=30383

Ray Delahunty <r.delahunty@arts.ac.uk> changed:

           What    |Removed                     |Added
----------------------------------------------------------------------------
                 CC|                            |r.delahunty@arts.ac.uk

--- Comment #6 from Ray Delahunty <r.delahunty@arts.ac.uk> ---
Created attachment 159150
  -->
https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=159150&action=edit
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
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;
}
-- 
You are receiving this mail because:
You are watching all bug changes.
You are the assignee for the bug.

[Koha-bugs] [Bug 30383] Column suggestion is too wide when displaying more than 20 suggestions (suggestion.pl)

bugzilla-daemon＠bugs.koha-community.org