[WAVE-391] Replace images with CSS

• Type: Improvement
• Status: Open
• Priority: Trivial
• Resolution: Unresolved
• Component/s: Web Client
• Assignee: Unassigned
• Reporter: Zachary Yaro
• Created: 08/Jun/13 21:03
• Updated: 08/Jun/13 23:57

Description

The current web client uses images for most gradients, shadows, and rounded corners. While that looks fine on most machines, the images look a bit blurred/pixelated on higher density displays such as the retina MacBook Pros and Chromebook Pixel. In addition, using images for those pieces means more files being fetched from the server when the user loads the web client. Using CSS3 for things like gradients, shadows, and rounded corners eliminates the need for those extra files to be loaded and ensures the borders will remain crisp on all displays. An example of the Google Wave-style panels done with CSS can be found at http://zmyaro.com/projects/wave/fake_client.html.