Skip to content

Adjust dashboard (on mobile devices) and foodbasket layout

Chris Oelmueller requested to merge mobile-dashboard-layout into master

Closes #610 (closed)

What does this MR do?

  • Restructure how the dashboard segments are arranged on mobile devices / screens with low width
  • Modernize food basket detail page CSS (that was some terrible layouting before)

How confident are you it won't break things if deployed?

I'm fairly confident, since the potentially more breaking changes are part of !1497 (merged) now :) There are several reports of mobile dashboard activity feeds loading "too fast" now after !735 (merged) which meant they couldn't reach the important information placed below those feeds.

Links to related issues

How to test

Steps a reviewer can take to verify that this MR does what it says it does e.g.

  1. Open a foodbasket page, check layout in different resolutions
  2. Login as foodsaver, check dashboard layout in different resolutions
  3. Login as foodsharer, check dashboard layout in different resolutions
  4. Login in a low-width resolution, check dashboard layout

Screenshots (if applicable)

Food basket layout image image image
Mobile dashboard view (foodsaver) image image
Mobile dashboard view (foodsharer) image image

Checklist

  • added a test, or explain why one is not needed/possible...
  • no unrelated changes
  • asked someone for a code review
  • joined #foodsharing-beta channel at https://slackin.yunity.org
  • added an entry to CHANGELOG.md (description, merge request link, username(s))
  • Once your MR has been merged, you are responsible to update the #foodsharing-beta Slack channel about what has been changed here. They will test your work in different browsers, roles or other settings
Edited by Alex

Merge request reports