diff --git a/lib/static_resources.js b/lib/static_resources.js index fbf8545eb0da9140c95133e25bc4f5c6b53975cc..104b8cee9e6bc28bb3518255253ac0480b1e61d8 100644 --- a/lib/static_resources.js +++ b/lib/static_resources.js @@ -118,6 +118,14 @@ exports.resources = { '/css/style.css', '/css/m.css' ], + '/production/ie8_main.css': [ + '/css/ie8_common.css', + '/css/ie8_main.css' + ], + '/production/ie8_dialog.css': [ + '/css/ie8_common.css', + '/dialog/css/ie8.css' + ], '/production/communication_iframe.js': [ '/lib/jschannel.js', '/lib/winchan.js', diff --git a/resources/static/css/ie8_common.css b/resources/static/css/ie8_common.css new file mode 100644 index 0000000000000000000000000000000000000000..ca8f6430355207324f686d2ee5fd7f61a4a8292d --- /dev/null +++ b/resources/static/css/ie8_common.css @@ -0,0 +1,23 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/** + * These fixes are specific to IE8 that are common to the main site and dialog. + */ + +.submit button, +.submit button:hover, +.submit button:focus, +.submit .button:hover, +.submit .button:focus { + background-image: url("/i/button-arrow.png"); + background-position: center right; + background-repeat: no-repeat; +} + +button[disabled], .submit_disabled button, .submit_disabled .button, +.submit_disabled button:focus, .submit_disabled .button:focus, +.submit_disabled button:active, .submit_disabled .button:active { + background-image: none; +} diff --git a/resources/static/css/ie8_main.css b/resources/static/css/ie8_main.css new file mode 100644 index 0000000000000000000000000000000000000000..7a5122ddb60301ee9ccf3c9dd6e75c795794433c --- /dev/null +++ b/resources/static/css/ie8_main.css @@ -0,0 +1,15 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/** + * These fixes are specific to IE8 for the main site + */ + +body { + background-image: url("/i/marketplace-header.png"); + background-position: center top; + background-repeat: repeat-x; +} + + diff --git a/resources/static/dialog/css/ie8.css b/resources/static/dialog/css/ie8.css new file mode 100644 index 0000000000000000000000000000000000000000..a5792b5b61f7ad5b2853373c0c1269f75ef3114c --- /dev/null +++ b/resources/static/dialog/css/ie8.css @@ -0,0 +1,8 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/** + * These fixes are specific to IE8. + */ + diff --git a/resources/views/dialog_layout.ejs b/resources/views/dialog_layout.ejs index 3abb7289289ad73ece72561572c9106bb3168e31..1865872361292d57dcbfb336b693a8dd7c8dd719 100644 --- a/resources/views/dialog_layout.ejs +++ b/resources/views/dialog_layout.ejs @@ -13,6 +13,9 @@ <script src="/lib/html5shim.js"></script> <![endif]--> <%- cachify_css('/production/dialog.css') %> + <!--[if lt IE 9]> + <%- cachify_css('/production/ie8_dialog.css') %> + <![endif]--> <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,700,700italic' rel='stylesheet' type='text/css'> <title><%= gettext('Mozilla Persona') %></title> </head> diff --git a/resources/views/layout.ejs b/resources/views/layout.ejs index 16b5eaa3e9b707d9ce6c1d62edf240953aabb46f..86a678564b3da83a2d5cf9525783f42cc7affe60 100644 --- a/resources/views/layout.ejs +++ b/resources/views/layout.ejs @@ -12,6 +12,9 @@ <![endif]--> <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,700,700italic' rel='stylesheet' type='text/css'> <%- cachify_css('/production/browserid.css') %> + <!--[if lt IE 9]> + <%- cachify_css('/production/ie8_main.css') %> + <![endif]--> <%- cachify_js(util.format('/production/%s/browserid.js', locale)) %> <title><%= format(gettext("Mozilla Person: %s"), [title]) %></title> </head>