TPAC: CSS should be mobile first, and only apply deltas to wider displays

Bug #1413730 reported by Dan Scott
14
This bug affects 2 people
Affects Status Importance Assigned to Milestone
Evergreen
Won't Fix
Wishlist
Unassigned

Bug Description

* Evergreen master

Back in the 2.5 days we hacked on mobile responsiveness support by adding a media query for a given screen width and overriding the style accordingly--the assumption being that most people have large screens and thus we should design for desktop/laptops and deal with mobile after. In some cases functionality was sacrificed in the mobile version, sometimes because it was simply overlooked.

Instead, the generally accepted practice is to make everything look and work well on mobile first, which ensure that it will work on every screen size, and only then add frippery within a media query for the larger size of screen.

In practice, for us this really means one small delta to make the generally accepted approach the default mode going forward.

Revision history for this message
Tony Bandy (tonyb-y-deactivatedaccount) wrote :

Second this, also if non-searching areas of the TPAC could be considered for mobile development work as well, particularly with regards to the My Account section. We've noticed that in some resolutions, the lists and checkouts are semi-squashed and non-legible.

Thanks,

Tony

Ben Shum (bshum)
Changed in evergreen:
milestone: 2.8-beta → 2.next
status: New → Triaged
importance: Undecided → Wishlist
tags: added: opac
removed: tpac
Revision history for this message
Christopher Burton (cburton) wrote :

https://bugs.launchpad.net/evergreen/+bug/1778972 presents a mobile forward way of viewing the OPAC with full responsiveness including a redesign of My Account to be more straight forward

tags: added: patching
Revision history for this message
Terran McCanna (tmccanna) wrote :

I'm going to go ahead and mark this Won't Fix as the Bootstrap OPAC resolves the key issues. (Note that there are a few small bugs with the Bootstrap OPAC reported elsewhere.)

Changed in evergreen:
status: Triaged → Won't Fix
Andrea Neiman (aneiman)
Changed in evergreen:
milestone: 3.next → none
To post a comment you must log in.
This report contains Public information  
Everyone can see this information.

Other bug subscribers

Remote bug watches

Bug watches keep track of this bug in other bug trackers.