search

marinafink / noshcuisine

Nosh Cuisine is a semester project by Marina Fink which includes an interactive website where users can create a profile, search for recipes and upload their own recipes.
1 stars 0 forks source link

Website does not fill the whole viewport on login_do.php and logout.php (Mobile & iPad Pro 12 Chrome) #12

Open marinafink opened 1 year ago

marinafink commented 1 year ago

Description: The body of the website does not fill the entire viewport on the login_do.php and logout.php page. The footer ends too far up and so on Mobile view (and iPad 12 with Chrome 111) there is a "white stripe" below the footer.

Steps to Reproduce:

  1. Visit https://mars.iuk.hdm-stuttgart.de/~mf177/index.php (username: mf177, password: M5fFm67#ar) on iPhone 13 or iPad Pro 12 Chrome (see Configuration!)
  2. Log in with any user data (user data for testing: username: Jannis K, password: hello) and look at the login_do.php page, the bug appears here
  3. click on the burger menu in the top right corner
  4. sign out and look at the logout.php page, the bug appears again here

Expected Result: The HTML body is expected to fill the entire viewport of the browser. The background should span the entire viewport and the footer should be at the bottom of it.

Actual Result: The viewport is not completely covered by the website, primarily in the mobile version (see configuration!). The footer ends too far up and thus a white stripe remains below it.

Image

Configuration:

Image

marinafink commented 1 year ago

This was fixed by adjusting the margins of the login and logout pages' forms and images so that the sites fill out the whole viewport.