Browse Source

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

Use the same alert as in Bootstrap docs.
pull/389/head
XhmikosR 11 years ago
parent
commit
aef4e00c29
  1. 9
      docs/_includes/browser-warning.html
  2. 1
      docs/_layouts/default.html
  3. 1
      docs/_layouts/home.html
  4. 56
      docs/assets/css/docs.css
  5. 2
      docs/assets/css/docs.min.css
  6. 49
      sass/docs.scss

9
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]-->

1
docs/_layouts/default.html

@ -4,6 +4,7 @@
{% include header.html %} {% include header.html %}
</head> </head>
<body ontouchstart=""> <body ontouchstart="">
{% include browser-warning.html %}
{{ content }} {{ content }}
</body> </body>
</html> </html>

1
docs/_layouts/home.html

@ -4,6 +4,7 @@
{% include header.html %} {% include header.html %}
</head> </head>
<body class="docs-home" ontouchstart=""> <body class="docs-home" ontouchstart="">
{% include browser-warning.html %}
{{ content }} {{ content }}
</body> </body>
</html> </html>

56
docs/assets/css/docs.css

@ -1939,3 +1939,59 @@ hr {
opacity: 1; 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;
}

2
docs/assets/css/docs.min.css vendored

File diff suppressed because one or more lines are too long

49
sass/docs.scss

@ -1038,3 +1038,52 @@ hr {
opacity: 1; 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;
}

Loading…
Cancel
Save