IE8 improvements for docs site

react-bootstrap · Jul 1, 2014 · 0d709c5 · 0d709c5
1 parent 9cda5d6
commit 0d709c5
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 11 deletions.
diff --git a/docs/assets/style.css b/docs/assets/style.css
@@ -38,6 +38,7 @@ body {
 
 .bs-docs-masthead, .bs-docs-header {
   background: #2d2d2d;
+  filter: none;
   color: #e9e9e9;
 }
 

diff --git a/docs/src/Root.js b/docs/src/Root.js
@@ -79,19 +79,28 @@ var Root = React.createClass({
       __html: 'window.INITIAL_PROPS = ' + JSON.stringify(this.props) + ';'
     };
 
+    var head = {
+      __html: '<title>React Bootstrap</title>' +
+        '<meta http-equiv="X-UA-Compatible" content="IE=edge" />' +
+        '<meta name="viewport" content="width=device-width, initial-scale=1.0" />' +
+        '<link href="vendor/bootstrap/bootstrap.css" rel="stylesheet" />' +
+        '<link href="vendor/bootstrap/docs.css" rel="stylesheet" />' +
+        '<link href="vendor/codemirror/codemirror.css" rel="stylesheet" />' +
+        '<link href="vendor/codemirror/solarized.css" rel="stylesheet" />' +
+        '<link href="vendor/codemirror/syntax.css" rel="stylesheet" />' +
+        '<link href="assets/style.css" rel="stylesheet" />' +
+        '<!--[if lt IE 9]>' +
+        '<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>' +
+        '<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>' +
+        '<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>' +
+        '<script src="http://cdnjs.cloudflare.com/ajax/libs/es5-shim/3.4.0/es5-shim.js"></script>' +
+        '<script src="http://cdnjs.cloudflare.com/ajax/libs/es5-shim/3.4.0/es5-sham.js"></script>' +
+        '<![endif]-->'
+    };
+
     return (
         <html>
-          <head>
-            <title>React Bootstrap</title>
-            <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-
-            <link href="vendor/bootstrap/bootstrap.css" rel="stylesheet" />
-            <link href="vendor/bootstrap/docs.css" rel="stylesheet" />
-            <link href="vendor/codemirror/codemirror.css" rel="stylesheet" />
-            <link href="vendor/codemirror/solarized.css" rel="stylesheet" />
-            <link href="vendor/codemirror/syntax.css" rel="stylesheet" />
-            <link href="assets/style.css" rel="stylesheet" />
-          </head>
+          <head dangerouslySetInnerHTML={head} />
 
           <body>
             <Locations path={Root.getBaseUrl() + this.props.initialPath}>