[Koha-bugs] [Bug 31221] New: Buttons overflow in opac search results in mobile view

[bugzilla-daemon at bugs.koha-community.org]

https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=31221

            Bug ID: 31221
           Summary: Buttons overflow in opac search results in mobile view
 Change sponsored?: ---
           Product: Koha
           Version: master
          Hardware: All
                OS: All
            Status: NEW
          Severity: enhancement
          Priority: P5 - low
         Component: OPAC
          Assignee: oleonard at myacpl.org
          Reporter: shi-yao.wang at inLibro.com
        QA Contact: testopia at bugs.koha-community.org

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



My fix:
Go to administration > system preferences > OPACUserCSS and write:
@media (max-width: 609px) {
    #top-pages > .pagination > .pagination,
    #bottom-pages > .pagination > .pagination {
        flex-wrap: wrap;
    }
}

#top-pages > .pagination,
#bottom-pages > .pagination{
  flex-direction: column;
}

-- 
You are receiving this mail because:
You are watching all bug changes.