Browser support for CSS3 background gradients is good enough to stop using background images for the same effect. This will make the interface a little more efficient.
Created attachment 6545 [details] [review] Proposed fix Replaces image-based gradients in: OPAC search bar OPAC submit buttons OPAC lists menu background OPAC alert and message boxes OPAC user menu tabs Staff client alert and message boxes Staff client side menu tabs Removes obsoleted background image files. Cross-browser background-gradients created using: http://www.colorzilla.com/gradient-editor/
Works fine in chromium 17 and firefox under linux.
Created attachment 6629 [details] [review] Bug 6865 - Replace image-based gradient backgrounds with CSS3 gradients Replaces image-based gradients in: OPAC search bar OPAC submit buttons OPAC lists menu background OPAC alert and message boxes OPAC user menu tabs Staff client alert and message boxes Staff client side menu tabs Removes obsoleted background image files. Cross-browser background-gradients created using: http://www.colorzilla.com/gradient-editor/ Signed-off-by: Chris Cormack <chrisc@catalyst.net.nz>
QA comment: it's worth having another signoff from someone that tested the OPAC under IE
tested on IE7, works fine. Do you think an other IE is needed ? Owen,which browser did you test ?
I tested in IE8 on Windows 7
owen tested IE8 on win7, it's enough browser. passed QA patch pushed, please test chris_n, maybe worth cherry picking, is fair to wait for 3.8 too
Follow-up required: Staff client login form has a separate CSS file which was not updated.
Created attachment 7313 [details] [review] Follow-up fix This patch replaces the login CSS's usage of a background image for the submit button in favor of CSS gradients.
Created attachment 7474 [details] [review] Bug 6865 - Follow-up, Replace image-based gradient backgrounds with CSS3 gradients Staff client login screen has a separate CSS file which wasn't included in the original changes for Bug 6865. This caused a 404 error (missing background image). Signed-off-by: Jared Camins-Esakov <jcamins@cpbibliography.com> Tested in Chrome, FF, Safari, and IE8.
Signed off patch is CSS change only, implements full browser spectrum of CSS3 gradients. Marking as Passed QA.
This was pushed to 3.6.x prior to 3.6.4.