From e0f93489de39fe1587b7fae5ccf7a718352d93b3 Mon Sep 17 00:00:00 2001
From: Shane Tomlinson <stomlinson@mozilla.com>
Date: Fri, 8 Jun 2012 11:54:16 +0100
Subject: [PATCH] Better styling for the unsupported dialog for IE6 and IE7
issue #1706
---
resources/static/dialog/css/popup.css | 13 ++++++++-----
1 file changed, 8 insertions(+), 5 deletions(-)
diff --git a/resources/static/dialog/css/popup.css b/resources/static/dialog/css/popup.css
index 8a655b7de..2891c010d 100644
--- a/resources/static/dialog/css/popup.css
+++ b/resources/static/dialog/css/popup.css
@@ -51,9 +51,6 @@ header {
* overflow the dialog box.
*/
*padding: 10px 0;
- /*
- font-weight: bold;
- */
border-bottom: 1px solid #c7c6c1;
/*-ms-filter through zoom: 1 are fixes for IE6 and IE7 so they show the header
@@ -74,6 +71,8 @@ header {
background: url("/i/persona-logo-transparent.png") 0 0 no-repeat;
text-indent: -9999px;
display: inline-block;
+ *display: block;
+ zoom: 1;
}
footer {
@@ -153,10 +152,10 @@ section > .contents {
/* Fix for IE6 not displaying the unsupported dialog correctly. IE6 by
* default sets the height and width of the element to 0 meaning nothing
* shows up on the screen.
- * Note, these are magic numbers that depend on the width and height of the
+ * Note, height is a magic number that depend on the height of the
* dialog. The height also depends on the height of the header and footer.
*/
- _width: 682px;
+ _width: 100%;
_height: 250px;
}
@@ -441,3 +440,7 @@ a.emphasize:active {
min-width: 4em;
}
+.unsupported {
+ text-align: center;
+}
+
--
GitLab