Hi, We face a very strange bug : When there are a lot of libraries (66), when we go to Administration › Library groups Clicking on "Add library" will display a very long combo-box. We can not click on the last ones. Even when scrolling the page stops before the combo-box end. We solved by adding CSS : body#admin_library_groups { min-height: 300vh; } My question is should we had this to all pages ? Best regards. -- Fridolin SOMERS <fridolin.somers@biblibre.com> Software and system maintainer 🦄 BibLibre, France
That's an interesting problem! While that CSS helped in this case, I don't think that it would help universally? On different pages, it might make the body look weird. For different Koha instances or on different devices, it might be too much or not enough? An alternative could be to add the following to the dropdown in question: max-height: 33vh; overflow-y: auto; That should work pretty well across different devices and different Koha instances. I suppose that brings us back to the same question of where to implement the CSS though. It would be needed for any Bootstrap dropdown menu that had many options, no? David Cook Senior Software Engineer Prosentient Systems Suite 7.03 6a Glen St Milsons Point NSW 2061 Australia Office: 02 9212 0899 Online: 02 8005 0595 -----Original Message----- From: Koha-devel <koha-devel-bounces@lists.koha-community.org> On Behalf Of Fridolin SOMERS Sent: Saturday, 4 June 2022 7:14 AM To: koha-devel <koha-devel@lists.koha-community.org> Subject: [Koha-devel] CSS min-height on body ? Hi, We face a very strange bug : When there are a lot of libraries (66), when we go to Administration › Library groups Clicking on "Add library" will display a very long combo-box. We can not click on the last ones. Even when scrolling the page stops before the combo-box end. We solved by adding CSS : body#admin_library_groups { min-height: 300vh; } My question is should we had this to all pages ? Best regards. -- Fridolin SOMERS <fridolin.somers@biblibre.com> Software and system maintainer 🦄 BibLibre, France _______________________________________________ Koha-devel mailing list Koha-devel@lists.koha-community.org https://lists.koha-community.org/cgi-bin/mailman/listinfo/koha-devel website : https://www.koha-community.org/ git : https://git.koha-community.org/ bugs : https://bugs.koha-community.org/
An alternative could be to add the following to the dropdown in question:
max-height: 33vh; overflow-y: auto;
This seems to work well. I think the only disadvantage to adding this globally would be that there is an empty scrollbar if the menu doesn't overflow. On the library groups page in particular, though, I think it might make more sense to convert it to a Select2 menu. That would add scrolling AND searching, which would be especially useful if you have 66 libraries. -- Owen -- Web Developer Athens County Public Libraries (740) 737-6006 https://www.myacpl.org
Even better! This is why we pay Owen the big bucks. David Cook Senior Software Engineer Prosentient Systems Suite 7.03 6a Glen St Milsons Point NSW 2061 Australia Office: 02 9212 0899 Online: 02 8005 0595 -----Original Message----- From: Owen Leonard <oleonard@myacpl.org> Sent: Monday, 6 June 2022 9:22 PM To: dcook@prosentient.com.au Cc: Fridolin SOMERS <fridolin.somers@biblibre.com>; koha-devel <koha-devel@lists.koha-community.org> Subject: Re: [Koha-devel] CSS min-height on body ?
An alternative could be to add the following to the dropdown in question:
max-height: 33vh; overflow-y: auto;
This seems to work well. I think the only disadvantage to adding this globally would be that there is an empty scrollbar if the menu doesn't overflow. On the library groups page in particular, though, I think it might make more sense to convert it to a Select2 menu. That would add scrolling AND searching, which would be especially useful if you have 66 libraries. -- Owen -- Web Developer Athens County Public Libraries (740) 737-6006 https://www.myacpl.org
participants (3)
-
dcookï¼ prosentient.com.au -
Fridolin SOMERS -
Owen Leonard