[Koha-bugs] [Bug 34060] New: Broken formatting of resource_list items on mobile in OPAC

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

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

            Bug ID: 34060
           Summary: Broken formatting of resource_list items on mobile in
                    OPAC
 Change sponsored?: ---
           Product: Koha
           Version: master
          Hardware: All
                OS: All
            Status: NEW
          Severity: trivial
          Priority: P5 - low
         Component: OPAC
          Assignee: oleonard at myacpl.org
          Reporter: jrobb at sekls.org
        QA Contact: testopia at bugs.koha-community.org

Created attachment 152476
  -->
https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=152476&action=edit
Tablet screenshot showing the odd formatting

When browsing the OPAC on an iPad the last item in some "resource_list" ul
elements go out of alignment vertically. We've only been able to replicate this
on the tablet itself and it happens in both Safari and Chrome. The problem does
not appear when resizing the browser window on a computer.

It seems to be a disagreement with the last-child:after rule that replaces the
pipe character with nothing:

.resource_list li:last-child:after {content: '';}

As a workaround, replacing the pipe character with a space instead of nothing
seems to avoid the problem:

.resource_list li:last-child:after {content: ' ';}

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