Application Wide Style Refresh: Material Design Web

[abrown45]

Phases

• [x] Phase 0 - Index Screen, Login Screen, Error Screens (400,404,500,SSO)
• [x] Phase 1 - Toolbar
• [ ] Phase 2 - Sidebars

Small Items

• [x] Replace the dark background for AEV with light grey
• [x] Remove spectrum.js
• [x] Sidebars consistent across application #332
• [ ] Replace Glyphicons and web fonts with Google Font Icons #735
• [ ] Make loading icon use google material design spinner

Issue Tracking

822

908

Phase 0

• Index Screen
• Login Screen
• 400Error.htm
• 404Error.htm
• 500Error.htm
• SSOError.htm

[abrown45]

Commit #7331

MATERIAL DESIGN STYLE REFRESH PHASE 1 - updating the AEV toolbar to use material design components and icons. All CSS styling around the toolbar has been updated to use best coding practices, reusable logic, and material design standards for spacing, padding, font sizes, etc. All actions received updated logos and were assigned helper text for the dropdown menu. The timing data popover remains bootstrap but will be replaced in a later phase. Updates to the default.properties for icons and new flags is necessary. Client projects that override those properties will need to update their icons, changes to edge and release are done in this commit. Additional enhancements made to login and other pages that used material design especially for IE browser support. This is part of a greater effort to remove bootstrap and modernize UI of the application.

GH: https://github.com/tsgrp/OpenAnnotate/issues/820 CR: jlittle, aking, mbrouillette

[gsteimer]

Moved to Jira: https://alfresco.atlassian.net/browse/SEP-77