Page MenuHomePhabricator

Survey 2022: Fix issues with mobile / responsive view
Closed, ResolvedPublic3 Estimated Story PointsBUG REPORT

Description

These issues have been reported when using our survey page on different devices:

  • The "voting" button is sticking to the input field. (minor)
  • The input field is too long. Can we make it responsive to the page size?

Bildschirmfoto 2022-01-10 um 13.04.01.png (530×528 px, 110 KB)

  • On several devices, the topic boxes are a bit too wide. There's always some cut off text.

Examples:

Bildschirmfoto 2022-01-10 um 13.11.14.png (1×2 px, 557 KB)

Bildschirmfoto 2022-01-10 um 13.12.17.png (976×1 px, 462 KB)

  • Depending on your resolution, the last topic is displayed in a different size. We received feedback that people don't recognize this as another option, but rather as a new page section.

Bildschirmfoto 2022-01-10 um 13.14.42.png (1×2 px, 501 KB)

Event Timeline

  • What does "sticking" mean in this context?
  • How are the example screenshots created?

@thiemowmde

  • What does "sticking" mean in this context?
  • How are the example screenshots created?

"Sticking" means "the button is too close to the input box". There should be a bit of whitespace between the button and the box, like in the desktop version.

Example screenshots are taken from http://iloveadaptive.com/url/https%3A%2F%2Fde.m.wikipedia.org%2Fwiki%2FBenutzerin%3AJohanna_Strodt_(WMDE)%2FSpielwiese%2FUmfrage_4

thiemowmde set the point value for this task to 3.
awight moved this task from Demo to Done on the WMDE-TechWish-Sprint-2022-01-05 board.