Fix answer notification alignment to bottom

Description

  1.  

    1. Description

This PR changes the alignment of answer submission notification. Currently the notification is aligned vertically centred if not in viewport. This behaviour was observed in Chrome browser (87+). The alignment was correct when tested on Mozilla Firefox (86.0)

*JIRA Tickets*: [BB-3828](https://tasks.opencraft.com/browse/BB-3828)

*Sandbox URL*: TBD

*Screenshots*

Before
![before-pr](https://user-images.githubusercontent.com/18226212/111296207-3b0c7d00-8672-11eb-8b5b-a29ae76c4ae8.gif)

After:
![after](https://user-images.githubusercontent.com/18226212/111296238-465fa880-8672-11eb-833d-24264b4d4673.gif)

  1.  

    1. Testing instructions
      1. Get the master devstack running
      2. Sign in to LMS
      3. Open Exam section of Demo Course.
      4. Answer questions and click on Submit button.
      5. Verify that the notification is scrolled to the *centre* of the viewport when not in viewport.
      6. With notification in centre of viewport, submit another answer.
      7. Verify that page does not scroll.
      8. Now checkout to this branch and perform the same tests after restarting the LMS server
      a. Verify that the notification is scrolled to the *bottom* of the viewport when not in viewport.
      b. With notification in viewport, submit another answer
      c. Verify that the page does not scroll.

  1.  

    1. Deadline
      None

  1.  

    1. Reviewers

  • [ ] @viadanna

  • [ ] @Agrendalath

  • [ ] edx-reviewer

Your pinned fields
Click on the next to a field label to start pinning.

Assignee

Unassigned

Reporter

Open Source Pull Request Bot

Labels

Contributor Name

Arjun Singh Yadav

Repo

edx/edx-platform

Customer

Github Lines Added

41

Github Lines Deleted

0