From cabafa53111bf8eb509e45f51b3b32943a572b5f Mon Sep 17 00:00:00 2001 From: Hammat Wele Date: Wed, 14 Dec 2022 12:39:54 +0000 Subject: [PATCH] Bug 31221: Buttons overflow in OPAC search results in mobile view To reproduce: 1- Have at least 10 record of the same type that can be viewed from OPAC 2- Go to administration > system preferences > OPACnumSearchResults and set it to 1 3- Go to the OPAC and search for the type from step 1 4- Notice top and bottom page selections are numbered from 1 to 10 + Next >> + Last >> 5- Inspect the webpage and switch to mobile view 6- Reduce display width and notice the buttons (of step 4) on the right are overflowing the screen 7- Apply the patch 8- compile the .scss file 'yarn build --view opac' 9- Clear your navigator caches 10- repeat step 3,5 and 6 11- Notice the buttons (of step 4) are no more overflowing the screen Signed-off-by: Lucas Gass Bug 31221: (fix) Adding "flex-wrap: wrap" to the pagination links in opac.scss Signed-off-by: Jonathan Druart Signed-off-by: Tomas Cohen Arazi (cherry picked from commit 834e3c8e0ea4ad82ab4825e8994164cc85b2836f) Signed-off-by: Matt Blenkinsop --- koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss b/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss index c8e656b4a6..7d2a691ed7 100644 --- a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss +++ b/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss @@ -1435,6 +1435,7 @@ nav { .pagination { margin: 0; + flex-wrap: wrap; } } -- 2.39.2