Summary: | Broken formatting of resource_list items on mobile in OPAC | ||
---|---|---|---|
Product: | Koha | Reporter: | Jason Robb <jrobb> |
Component: | OPAC | Assignee: | 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 |
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: ' ';}