1160: Make loading icon prettier

Owned by Paulina Borowa (Unlicensed)
Nov 28, 2016
Test Case #:1160

Test Case Name: Make loading icon prettier

System: OpenLMIS

Subsystem:

Test case designed by: Paulina Borowa

Design Date:28.11.2016

Short description: 

This loading icon looks like crap because the nature of the gif is revealed against different color background — there is also no part of the item that feels consistent.

To consistently fix this icon we should:

  • add a background to the loading icon
  • dim (& block interaction with) other page elements
  • allow for easy use of the loading icon
  • and get the loading icon ready to be extended

Ideally we want a loading icon that looks like this
image-2016-10-14-11-15-13-233.png

                                                                                                                                                   

Pre – conditions:

                                                                                                                                                                                                                                                       

Step

Action

Expected system response

Comment

1

 go on: http://test.openlmis.org/public

                                                                                                                            

                                                 

2

Before changes icon looks like that

image-2016-10-14-10-52-21-805.png


3After changes it should looks like that:

OLMIS1160firefox.pngOLMIS1160chrome.png



OpenLMIS: the global initiative for powerful LMIS software