[Bug 28235] New: Cover images are showing very large in search results
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=28235 Bug ID: 28235 Summary: Cover images are showing very large in search results Change sponsored?: --- Product: Koha Version: 20.11 Hardware: All OS: All Status: NEW Severity: enhancement Priority: P5 - low Component: Searching Assignee: koha-bugs@lists.koha-community.org Reporter: minna.kivinen@hamk.fi QA Contact: testopia@bugs.koha-community.org Cover images are showing very large on search result. At least when using CustomCoverImages. -- You are receiving this mail because: You are the assignee for the bug. You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=28235 Caroline Cyr La Rose <caroline.cyr-la-rose@inlibro.com> changed: What |Removed |Added ---------------------------------------------------------------------------- CC| |caroline.cyr-la-rose@inlibr | |o.com --- Comment #1 from Caroline Cyr La Rose <caroline.cyr-la-rose@inlibro.com> --- I agree. I think we should limit the size of the image, regardless of the source image size. The problem is present in the staff interface search results and in the OPAC detailed record. I created a MARC21 file with a couple of records, including one that has a image URL in 956$u. To test: Note: I used MARC 21 1. In Koha, add 956$u to the default MARC bibliographic framework 1.1. Go to Administration > MARC bibliographic framework 1.2. Click "Actions" > "MARC Structure" to the right of the default framework 1.3. Search for tag 956 1.4. Click "Actions" > "Edit subfields" next to 956 1.5. Go to the "u" tab 1.6. Make sure the subfield is managed in tab 9 1.7. In Visibility, check OPAC, Intranet, and Editor 1.8. Click "Save changes" 2. Edit the CustomCoverImages system preferences 2.1. Go to Administration > Global system preferences 2.2. Search for CustomCoverImages 2.3. Edit the system preferences like this - CustomCoverImages: Show - OPACCustomCoverImages: Show - CustomCoverImagesURL: {956$u} 2.4. Click Save all Enhanced content preferences 3. Import the test records 3.1. Download the test record file 3.2. Go to Cataloging > Stage records for import 3.3. Click "Browse" and choose the test file 3.4. Click "Upload file" 3.5. Click "Stage for import" 3.6. Click "View details of enqueued job" 3.7. Click "View batch" 3.8. Click "Import this batch into the catalog" 4. In the staff interface, search the catalogue for "As you like it" --> Note that the image is huge 5. Click on the title to access the detailed record --> Note that the image is a normal size 6. Go to the OPAC, search for "As you like it" --> Note that the image is a normal size 7. Click on the title to access the detailed record --> Note that the image is huge -- You are receiving this mail because: You are the assignee for the bug. You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=28235 --- Comment #2 from Caroline Cyr La Rose <caroline.cyr-la-rose@inlibro.com> --- Created attachment 142841 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=142841&action=edit Test records A file with a couple of records, one of which has an image URL in 956$u. -- You are receiving this mail because: You are watching all bug changes. You are the assignee for the bug.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=28235 Caroline Cyr La Rose <caroline.cyr-la-rose@inlibro.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Summary|Cover images are showing |Custom cover images are |very large in search |very large in staff search |results |results and OPAC details Assignee|koha-bugs@lists.koha-commun |oleonard@myacpl.org |ity.org | Component|Searching |Templates -- You are receiving this mail because: You are watching all bug changes. You are the assignee for the bug.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=28235 Caroline Cyr La Rose <caroline.cyr-la-rose@inlibro.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Version|20.11 |master -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=28235 --- Comment #3 from Caroline Cyr La Rose <caroline.cyr-la-rose@inlibro.com> --- While this is being corrected, adding the following code in OPACUserCSS will limit the size of the image in OPAC results so that it doesn't take the whole screen .cover-image img { max-width : 200px; } For the intranet, in IntranetUserCSS td.bookcoverimg { max-width : 200px; } -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=28235 Katrin Fischer <katrin.fischer@bsz-bw.de> changed: What |Removed |Added ---------------------------------------------------------------------------- Severity|enhancement |normal -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=28235 Owen Leonard <oleonard@myacpl.org> changed: What |Removed |Added ---------------------------------------------------------------------------- Status|NEW |ASSIGNED -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=28235 Owen Leonard <oleonard@myacpl.org> changed: What |Removed |Added ---------------------------------------------------------------------------- Status|ASSIGNED |Needs Signoff Patch complexity|--- |Trivial patch -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=28235 --- Comment #4 from Owen Leonard <oleonard@myacpl.org> --- Created attachment 144072 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=144072&action=edit Bug 28235: Correct CSS governing max width of custom cover images Images shown in the OPAC and staff interface when the OPACCustomCoverImages and CustomCoverImages preferences are enabled should be getting a max-width set in the current CSS, but the order of the declarations is preventing the correct specificity. This patch moves the CSS to the correct place in each file so that the max-width is applied. To test, apply the patch and rebuild both the staff and OPAC CSS. If you get an error during the build process you may need to run 'yarn install.' - Go to Administration -> System preferences, and enable the OPACCustomCoverImages and CustomCoverImages preferences. - If you're testing with the default test database you can set the CustomCoverImagesURL preference to https://static.myacpl.org/public/covers/{normalized_isbn}.jpg - Perform a catalog search in both OPAC and staff client limiting by itemtype = 'Book'. - The search results in both interface should show several covers supplied from the external URL. - In the staff client, these images should be limited to 140px wide even if the source image is larger. - In the OPAC, view the detail page for one of the results with cover images. The image shown on the detail page should be constrained to 140px wide even if the source image is larger. -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=28235 David Nind <david@davidnind.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Status|Needs Signoff |Signed Off -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=28235 David Nind <david@davidnind.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Attachment #144072|0 |1 is obsolete| | --- Comment #5 from David Nind <david@davidnind.com> --- Created attachment 144177 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=144177&action=edit Bug 28235: Correct CSS governing max width of custom cover images Images shown in the OPAC and staff interface when the OPACCustomCoverImages and CustomCoverImages preferences are enabled should be getting a max-width set in the current CSS, but the order of the declarations is preventing the correct specificity. This patch moves the CSS to the correct place in each file so that the max-width is applied. To test, apply the patch and rebuild both the staff and OPAC CSS. If you get an error during the build process you may need to run 'yarn install.' - Go to Administration -> System preferences, and enable the OPACCustomCoverImages and CustomCoverImages preferences. - If you're testing with the default test database you can set the CustomCoverImagesURL preference to https://static.myacpl.org/public/covers/{normalized_isbn}.jpg - Perform a catalog search in both OPAC and staff client limiting by itemtype = 'Book'. - The search results in both interface should show several covers supplied from the external URL. - In the staff client, these images should be limited to 140px wide even if the source image is larger. - In the OPAC, view the detail page for one of the results with cover images. The image shown on the detail page should be constrained to 140px wide even if the source image is larger. Signed-off-by: David Nind <david@davidnind.com> -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=28235 Katrin Fischer <katrin.fischer@bsz-bw.de> changed: What |Removed |Added ---------------------------------------------------------------------------- Status|Signed Off |Passed QA -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=28235 Katrin Fischer <katrin.fischer@bsz-bw.de> changed: What |Removed |Added ---------------------------------------------------------------------------- Attachment #144177|0 |1 is obsolete| | --- Comment #6 from Katrin Fischer <katrin.fischer@bsz-bw.de> --- Created attachment 144419 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=144419&action=edit Bug 28235: Correct CSS governing max width of custom cover images Images shown in the OPAC and staff interface when the OPACCustomCoverImages and CustomCoverImages preferences are enabled should be getting a max-width set in the current CSS, but the order of the declarations is preventing the correct specificity. This patch moves the CSS to the correct place in each file so that the max-width is applied. To test, apply the patch and rebuild both the staff and OPAC CSS. If you get an error during the build process you may need to run 'yarn install.' - Go to Administration -> System preferences, and enable the OPACCustomCoverImages and CustomCoverImages preferences. - If you're testing with the default test database you can set the CustomCoverImagesURL preference to https://static.myacpl.org/public/covers/{normalized_isbn}.jpg - Perform a catalog search in both OPAC and staff client limiting by itemtype = 'Book'. - The search results in both interface should show several covers supplied from the external URL. - In the staff client, these images should be limited to 140px wide even if the source image is larger. - In the OPAC, view the detail page for one of the results with cover images. The image shown on the detail page should be constrained to 140px wide even if the source image is larger. Signed-off-by: David Nind <david@davidnind.com> Signed-off-by: Katrin <katrin.fischer.83@web.de> -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=28235 Katrin Fischer <katrin.fischer@bsz-bw.de> changed: What |Removed |Added ---------------------------------------------------------------------------- Attachment #144419|0 |1 is obsolete| | --- Comment #7 from Katrin Fischer <katrin.fischer@bsz-bw.de> --- Created attachment 144421 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=144421&action=edit Bug 28235: Correct CSS governing max width of custom cover images Images shown in the OPAC and staff interface when the OPACCustomCoverImages and CustomCoverImages preferences are enabled should be getting a max-width set in the current CSS, but the order of the declarations is preventing the correct specificity. This patch moves the CSS to the correct place in each file so that the max-width is applied. To test, apply the patch and rebuild both the staff and OPAC CSS. If you get an error during the build process you may need to run 'yarn install.' - Go to Administration -> System preferences, and enable the OPACCustomCoverImages and CustomCoverImages preferences. - If you're testing with the default test database you can set the CustomCoverImagesURL preference to https://static.myacpl.org/public/covers/{normalized_isbn}.jpg - Perform a catalog search in both OPAC and staff client limiting by itemtype = 'Book'. - The search results in both interface should show several covers supplied from the external URL. - In the staff client, these images should be limited to 140px wide even if the source image is larger. - In the OPAC, view the detail page for one of the results with cover images. The image shown on the detail page should be constrained to 140px wide even if the source image is larger. Signed-off-by: David Nind <david@davidnind.com> Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de> -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=28235 Tomás Cohen Arazi <tomascohen@gmail.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Status|Passed QA |Pushed to master Version(s)| |23.05.00 released in| | -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=28235 --- Comment #8 from Tomás Cohen Arazi <tomascohen@gmail.com> --- Pushed to master for 23.05. Nice work everyone, thanks! -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=28235 Jacob O'Mara <jacob.omara@ptfs-europe.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Version(s)|23.05.00 |23.05.00,22.11.00 released in| | Status|Pushed to master |Pushed to stable -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=28235 --- Comment #9 from Jacob O'Mara <jacob.omara@ptfs-europe.com> --- Nice work, thanks everyone! Pushed to 22.11.x for the next release. -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=28235 Jacob O'Mara <jacob.omara@ptfs-europe.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Version(s)|23.05.00,22.11.00 |23.05.00,22.11.01 released in| | CC| |jacob.omara@ptfs-europe.com -- You are receiving this mail because: You are watching all bug changes.
participants (1)
-
bugzilla-daemon@bugs.koha-community.org