Show a warning when the user is on IE < 9.

Use the same alert as in Bootstrap docs.
11 years ago · aef4e00c29
6 changed files with 117 additions and 1 deletions
--- a/docs/_includes/browser-warning.html
+++ b/docs/_includes/browser-warning.html
@ -0,0 +1,9 @@
+<!--[if lt IE 9]>
+  <div class="bs-callout bs-callout-danger">
+    <h4>Attention!</h4>
+    <p>
+      Looks like your current browser is old and doesn't support many features used in this page.
+      Please take a second to <a href="http://browsehappy.com/">upgrade to a more modern browser</a>.
+    </p>
+  </div>
+<![endif]-->
--- a/docs/_layouts/default.html
+++ b/docs/_layouts/default.html
@ -4,6 +4,7 @@
    {% include header.html %}
  </head>
  <body ontouchstart="">
+    {% include browser-warning.html %}
    {{ content }}
  </body>
 </html>
--- a/docs/_layouts/home.html
+++ b/docs/_layouts/home.html
@ -4,6 +4,7 @@
    {% include header.html %}
  </head>
  <body class="docs-home" ontouchstart="">
+    {% include browser-warning.html %}
    {{ content }}
  </body>
 </html>
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@ -1939,3 +1939,59 @@ hr {
    opacity: 1;
  }
 }
+
+/* Taken from Bootstrap docs */
+/*
+ * Callouts
+ *
+ * Not quite alerts, but custom and helpful notes for folks reading the docs.
+ * Requires a base and modifier class.
+ */
+/* Common styles for all types */
+.bs-callout {
+  padding: 20px;
+  margin: 20px 0;
+  border-left: 3px solid #eee;
+}
+
+.bs-callout h4 {
+  margin-top: 0;
+  margin-bottom: 5px;
+}
+
+.bs-callout p:last-child {
+  margin-bottom: 0;
+}
+
+.bs-callout code {
+  background-color: #fff;
+  border-radius: 3px;
+}
+
+/* Variations */
+.bs-callout-danger {
+  background-color: #fdf7f7;
+  border-color: #d9534f;
+}
+
+.bs-callout-danger h4 {
+  color: #d9534f;
+}
+
+.bs-callout-warning {
+  background-color: #fcf8f2;
+  border-color: #f0ad4e;
+}
+
+.bs-callout-warning h4 {
+  color: #f0ad4e;
+}
+
+.bs-callout-info {
+  background-color: #f4f8fa;
+  border-color: #5bc0de;
+}
+
+.bs-callout-info h4 {
+  color: #5bc0de;
+}
--- a/docs/assets/css/docs.min.css
+++ b/docs/assets/css/docs.min.css
--- a/sass/docs.scss
+++ b/sass/docs.scss
@ -1038,3 +1038,52 @@ hr {
   opacity: 1;
  }
 }
+
+/* Taken from Bootstrap docs */
+/*
+ * Callouts
+ *
+ * Not quite alerts, but custom and helpful notes for folks reading the docs.
+ * Requires a base and modifier class.
+ */
+
+/* Common styles for all types */
+.bs-callout {
+  padding: 20px;
+  margin: 20px 0;
+  border-left: 3px solid #eee;
+}
+.bs-callout h4 {
+  margin-top: 0;
+  margin-bottom: 5px;
+}
+.bs-callout p:last-child {
+  margin-bottom: 0;
+}
+.bs-callout code {
+  background-color: #fff;
+  border-radius: 3px;
+}
+
+/* Variations */
+.bs-callout-danger {
+  background-color: #fdf7f7;
+  border-color: #d9534f;
+}
+.bs-callout-danger h4 {
+  color: #d9534f;
+}
+.bs-callout-warning {
+  background-color: #fcf8f2;
+  border-color: #f0ad4e;
+}
+.bs-callout-warning h4 {
+  color: #f0ad4e;
+}
+.bs-callout-info {
+  background-color: #f4f8fa;
+  border-color: #5bc0de;
+}
+.bs-callout-info h4 {
+  color: #5bc0de;
+}