[#448] Internet Explorer tweaks for new iA

ckan · Feb 25, 2013 · e6b88ad · e6b88ad
1 parent 66bc2a0
commit e6b88ad
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 38 deletions.
diff --git a/ckan/public/base/javascript/main.js b/ckan/public/base/javascript/main.js
@@ -86,31 +86,3 @@ this.jQuery.fn.ie7redraw = function() {
     jQuery(this).css('zoom', 1);
   }
 };
-
-// Temporary banner to let users on IE7 know that it may not display as
-// expected.
-(function showIEBanner() {
-  function prepend(parent, child) {
-    var element = parent.firstChild;
-
-    while (element && element.nodeType > 1) {
-      element = element.nextSibling;
-    }
-
-    parent.insertBefore(child, element);
-  }
-
-  if (document.documentElement.className.indexOf('ie7') > -1) {
-    var banner = document.createElement('div');
-    var content = document.getElementById('content');
-
-    banner.className = 'alert';
-    banner.innerHTML =  '<strong>Notice:</strong> ';
-    banner.innerHTML += 'This site is currently in development. ';
-    banner.innerHTML += 'Internet Explorer 7 may not display as expected';
-
-    if (content) {
-      prepend(content, banner);
-    }
-  }
-})();
diff --git a/ckan/public/base/less/iehacks.less b/ckan/public/base/less/iehacks.less
@@ -37,19 +37,34 @@
   .control-large input {
     height: 56px; // Fixes cropped text in IE9
   }
-  .module {
-    // IE9 renders box shadows wildly out.
-    .box-shadow(0 0 5px rgba(0, 0, 0, 0.3));
-  }
 }
 
 // Internet Explorer 8
 .ie8 {
-  .masthead .account a.image {
-    display: block;
-    width: 25px;
-    padding-right: 10px;
-    white-space: nowrap;
+  .account-masthead {
+    a.image,
+    .username {
+      white-space: nowrap;
+    }
+  }
+}
+
+// Internet Explorer 7, 8 & 9
+.ie9,
+.ie8,
+.ie7 {
+  .homepage .media.module-heading .media-image img {
+    width: 85px !important;
+  }
+}
+
+// Internet Explorer 7 & 8
+.ie8,
+.ie7 {
+  // Homepage
+  .hero .hero-primary.module-popup .box {
+    padding-bottom: 20px !important;
+    margin-bottom: 0 !important;
   }
 }
 
@@ -81,7 +96,6 @@
     }
     .tag {
       display: block;
-      border: 1px solid @moduleHeadingBorderColor;
     }
   }
 
@@ -136,6 +150,11 @@
   }
 
   // Header
+  .account-masthead {
+    .account a i {
+      line-height: 31px;
+    }
+  }
   .masthead {
     position: relative;
     z-index: 1;
@@ -180,6 +199,7 @@
   // Modules
   .module-heading {
     .clearfix;
+    position: relative;
     .media-content {
       position: relative;
     }