Bug 34060

Summary: Broken formatting of resource_list items on mobile in OPAC
Product: Koha Reporter: Jason Robb <jrobb>
Component: OPACAssignee: Owen Leonard <oleonard>
Status: NEW --- QA Contact: Testopia <testopia>
Severity: trivial    
Priority: P5 - low CC: lucas
Version: Main   
Hardware: All   
OS: All   
Change sponsored?: --- Patch complexity: ---
Documentation contact: Documentation submission:
Text to go in the release notes:
Version(s) released in:
Circulation function:
Attachments: Tablet screenshot showing the odd formatting

Description Jason Robb 2023-06-19 16:37:01 UTC
Created attachment 152476 [details]
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: ' ';}