patternfly-sass 1.3.1 → 2.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (88) hide show
  1. checksums.yaml +4 -4
  2. data/.travis.yml +3 -0
  3. data/README.md +1 -1
  4. data/Rakefile +21 -18
  5. data/assets/fonts/patternfly/PatternFlyIcons-webfont.eot +0 -0
  6. data/assets/fonts/patternfly/PatternFlyIcons-webfont.svg +40 -38
  7. data/assets/fonts/patternfly/PatternFlyIcons-webfont.ttf +0 -0
  8. data/assets/fonts/patternfly/PatternFlyIcons-webfont.woff +0 -0
  9. data/assets/javascripts/patternfly.js +111 -109
  10. data/assets/javascripts/patternfly.min.js +1 -1
  11. data/assets/stylesheets/_patternfly.scss +36 -40
  12. data/assets/stylesheets/patternfly/_alerts.scss +1 -1
  13. data/assets/stylesheets/patternfly/_bootstrap-datepicker-css.scss +752 -0
  14. data/assets/stylesheets/patternfly/_bootstrap-datepicker.scss +71 -0
  15. data/assets/stylesheets/patternfly/_bootstrap-select-css.scss +211 -257
  16. data/assets/stylesheets/patternfly/{c3-css.scss → _c3-css.scss} +0 -0
  17. data/assets/stylesheets/patternfly/_cards.scss +60 -0
  18. data/assets/stylesheets/patternfly/_icons.scss +18 -36
  19. data/assets/stylesheets/patternfly/_login.scss +0 -21
  20. data/assets/stylesheets/patternfly/_mixin_overrides.scss +4 -2
  21. data/assets/stylesheets/patternfly/_mixins.scss +16 -2
  22. data/assets/stylesheets/patternfly/_navbar.scss +0 -11
  23. data/assets/stylesheets/patternfly/_pagination.scss +2 -2
  24. data/assets/stylesheets/patternfly/_spinner.scss +12 -14
  25. data/assets/stylesheets/patternfly/_tooltip.scss +1 -2
  26. data/assets/stylesheets/patternfly/_variables.scss +12 -8
  27. data/bower.json +5 -3
  28. data/lib/patternfly-sass/version.rb +2 -2
  29. data/patternfly-sass.gemspec +3 -2
  30. data/spec/compare_spec.rb +17 -2
  31. data/spec/html/accordions.html +15 -12
  32. data/spec/html/alerts.html +15 -12
  33. data/spec/html/badges.html +15 -12
  34. data/spec/html/basic.html +437 -431
  35. data/spec/html/blank-slate.html +16 -13
  36. data/spec/html/bootstrap-combobox.html +15 -12
  37. data/spec/html/bootstrap-datepicker.html +72 -0
  38. data/spec/html/bootstrap-select.html +17 -17
  39. data/spec/html/bootstrap-treeview-2.html +87 -85
  40. data/spec/html/bootstrap-treeview.html +15 -15
  41. data/spec/html/breadcrumbs.html +15 -12
  42. data/spec/html/buttons.html +15 -12
  43. data/spec/html/cards.html +301 -0
  44. data/spec/html/charts.html +17 -14
  45. data/spec/html/code.html +15 -12
  46. data/spec/html/dashboard.html +18 -12
  47. data/spec/html/datatables-columns.html +434 -431
  48. data/spec/html/datatables.html +434 -431
  49. data/spec/html/dist/css/patternfly-additions.css +3394 -0
  50. data/spec/html/dist/css/patternfly-additions.css.map +1 -0
  51. data/spec/html/dist/css/patternfly-additions.min.css +2 -0
  52. data/spec/html/dist/css/patternfly-additions.min.css.map +1 -0
  53. data/spec/html/dist/css/patternfly.css +836 -2797
  54. data/spec/html/dist/css/patternfly.css.map +1 -0
  55. data/spec/html/dist/css/patternfly.min.css +7 -8
  56. data/spec/html/dist/css/patternfly.min.css.map +1 -0
  57. data/spec/html/dist/css/styles-additions.css +1 -0
  58. data/spec/html/dist/css/styles-additions.min.css +1 -0
  59. data/spec/html/dropdowns.html +15 -12
  60. data/spec/html/form.html +87 -86
  61. data/spec/html/forms.html +15 -12
  62. data/spec/html/icons.html +47 -38
  63. data/spec/html/index.html +21 -12
  64. data/spec/html/infotip.html +15 -12
  65. data/spec/html/labels.html +15 -12
  66. data/spec/html/list-group.html +15 -12
  67. data/spec/html/login.html +15 -12
  68. data/spec/html/modals.html +15 -12
  69. data/spec/html/navbar.html +77 -824
  70. data/spec/html/pagination.html +15 -12
  71. data/spec/html/panels.html +15 -12
  72. data/spec/html/popovers.html +25 -13
  73. data/spec/html/progress-bars.html +15 -12
  74. data/spec/html/search.html +15 -12
  75. data/spec/html/spinner.html +16 -13
  76. data/spec/html/tab.html +438 -432
  77. data/spec/html/tables.html +15 -12
  78. data/spec/html/tabs.html +15 -12
  79. data/spec/html/tooltip.html +15 -12
  80. data/spec/html/typography-2.html +18 -12
  81. data/spec/html/typography.html +15 -12
  82. data/tasks/converter.rb +24 -36
  83. metadata +44 -17
  84. data/spec/capture.js +0 -43
  85. data/spec/html/img/dashboard-1.png +0 -0
  86. data/spec/html/img/dashboard-2.png +0 -0
  87. data/spec/html/img/dashboard-4.png +0 -0
  88. data/spec/html/main.html +0 -16
data/spec/html/blank-slate.html CHANGED
@@ -1,5 +1,4 @@
1
1
  <!DOCTYPE html>
2
- <!--[if IE 8]><html class="ie8"><![endif]-->
3
2
  <!--[if IE 9]><html class="ie9"><![endif]-->
4
3
  <!--[if gt IE 9]><!-->
5
4
  <html>
@@ -8,19 +7,23 @@
8
7
  <title>Blank Slate - PatternFly</title>
9
8
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
9
  <link rel="shortcut icon" href="../dist/img/favicon.ico">
11
- <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../dist/img/apple-touch-icon-144-precomposed.png">
12
- <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../dist/img/apple-touch-icon-114-precomposed.png">
13
- <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../dist/img/apple-touch-icon-72-precomposed.png">
14
- <link rel="apple-touch-icon-precomposed" href="../dist/img/apple-touch-icon-57-precomposed.png">
10
+ <!-- iPad retina icon -->
11
+ <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../dist/img/apple-touch-icon-precomposed-152.png">
12
+ <!-- iPad retina icon (iOS < 7) -->
13
+ <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../dist/img/apple-touch-icon-precomposed-144.png">
14
+ <!-- iPad non-retina icon -->
15
+ <link rel="apple-touch-icon-precomposed" sizes="76x76" href="../dist/img/apple-touch-icon-precomposed-76.png">
16
+ <!-- iPad non-retina icon (iOS < 7) -->
17
+ <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../dist/img/apple-touch-icon-precomposed-72.png">
18
+ <!-- iPhone 6 Plus icon -->
19
+ <link rel="apple-touch-icon-precomposed" sizes="120x120" href="../dist/img/apple-touch-icon-precomposed-180.png">
20
+ <!-- iPhone retina icon (iOS < 7) -->
21
+ <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../dist/img/apple-touch-icon-precomposed-114.png">
22
+ <!-- iPhone non-retina icon (iOS < 7) -->
23
+ <link rel="apple-touch-icon-precomposed" sizes="57x57" href="../dist/img/apple-touch-icon-precomposed-57.png">
15
24
  <link href="../dist/css/patternfly.min.css" rel="stylesheet" media="screen, print">
25
+ <link href="../dist/css/patternfly-additions.min.css" rel="stylesheet" media="screen, print">
16
26
  <link href="tests.css" rel="stylesheet" media="screen, print">
17
- <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
18
- <!--[if lt IE 9]>
19
- <script src="../components/html5shiv/dist/html5shiv.min.js"></script>
20
- <script src="../components/respond/dest/respond.min.js"></script>
21
- <![endif]-->
22
- <!-- IE8 requires jQuery and Bootstrap JS to load in head to prevent rendering bugs -->
23
- <!-- IE8 requires jQuery v1.x -->
24
27
  <script src="../components/jquery/dist/jquery.min.js"></script>
25
28
  <script src="../components/bootstrap/dist/js/bootstrap.min.js"></script>
26
29
  <script src="../dist/js/patternfly.min.js"></script>
@@ -50,7 +53,7 @@
50
53
  <h2>Blank Slate with icon and secondary actions</h2>
51
54
  <div class="blank-slate-pf">
52
55
  <div class="blank-slate-pf-icon">
53
- <i class="fa fa-rocket"></i>
56
+ <span class="pficon pficon-add-circle-o"></span>
54
57
  </div>
55
58
  <h1>Blank Slate Title</h1>
56
59
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
data/spec/html/bootstrap-combobox.html CHANGED
@@ -1,5 +1,4 @@
1
1
  <!DOCTYPE html>
2
- <!--[if IE 8]><html class="ie8"><![endif]-->
3
2
  <!--[if IE 9]><html class="ie9"><![endif]-->
4
3
  <!--[if gt IE 9]><!-->
5
4
  <html>
@@ -8,19 +7,23 @@
8
7
  <title>Bootstrap-Combobox - PatternFly</title>
9
8
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
9
  <link rel="shortcut icon" href="../dist/img/favicon.ico">
11
- <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../dist/img/apple-touch-icon-144-precomposed.png">
12
- <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../dist/img/apple-touch-icon-114-precomposed.png">
13
- <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../dist/img/apple-touch-icon-72-precomposed.png">
14
- <link rel="apple-touch-icon-precomposed" href="../dist/img/apple-touch-icon-57-precomposed.png">
10
+ <!-- iPad retina icon -->
11
+ <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../dist/img/apple-touch-icon-precomposed-152.png">
12
+ <!-- iPad retina icon (iOS < 7) -->
13
+ <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../dist/img/apple-touch-icon-precomposed-144.png">
14
+ <!-- iPad non-retina icon -->
15
+ <link rel="apple-touch-icon-precomposed" sizes="76x76" href="../dist/img/apple-touch-icon-precomposed-76.png">
16
+ <!-- iPad non-retina icon (iOS < 7) -->
17
+ <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../dist/img/apple-touch-icon-precomposed-72.png">
18
+ <!-- iPhone 6 Plus icon -->
19
+ <link rel="apple-touch-icon-precomposed" sizes="120x120" href="../dist/img/apple-touch-icon-precomposed-180.png">
20
+ <!-- iPhone retina icon (iOS < 7) -->
21
+ <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../dist/img/apple-touch-icon-precomposed-114.png">
22
+ <!-- iPhone non-retina icon (iOS < 7) -->
23
+ <link rel="apple-touch-icon-precomposed" sizes="57x57" href="../dist/img/apple-touch-icon-precomposed-57.png">
15
24
  <link href="../dist/css/patternfly.min.css" rel="stylesheet" media="screen, print">
25
+ <link href="../dist/css/patternfly-additions.min.css" rel="stylesheet" media="screen, print">
16
26
  <link href="tests.css" rel="stylesheet" media="screen, print">
17
- <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
18
- <!--[if lt IE 9]>
19
- <script src="../components/html5shiv/dist/html5shiv.min.js"></script>
20
- <script src="../components/respond/dest/respond.min.js"></script>
21
- <![endif]-->
22
- <!-- IE8 requires jQuery and Bootstrap JS to load in head to prevent rendering bugs -->
23
- <!-- IE8 requires jQuery v1.x -->
24
27
  <script src="../components/jquery/dist/jquery.min.js"></script>
25
28
  <script src="../components/bootstrap/dist/js/bootstrap.min.js"></script>
26
29
  <script src="../components/bootstrap-combobox/js/bootstrap-combobox.js"></script>
data/spec/html/bootstrap-datepicker.html ADDED
@@ -0,0 +1,72 @@
1
+ <!DOCTYPE html>
2
+ <!--[if IE 9]><html class="ie9"><![endif]-->
3
+ <!--[if gt IE 9]><!-->
4
+ <html>
5
+ <!--<![endif]-->
6
+ <head>
7
+ <title>Bootstrap-Datepicker - PatternFly</title>
8
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
9
+ <link rel="shortcut icon" href="../dist/img/favicon.ico">
10
+ <!-- iPad retina icon -->
11
+ <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../dist/img/apple-touch-icon-precomposed-152.png">
12
+ <!-- iPad retina icon (iOS < 7) -->
13
+ <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../dist/img/apple-touch-icon-precomposed-144.png">
14
+ <!-- iPad non-retina icon -->
15
+ <link rel="apple-touch-icon-precomposed" sizes="76x76" href="../dist/img/apple-touch-icon-precomposed-76.png">
16
+ <!-- iPad non-retina icon (iOS < 7) -->
17
+ <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../dist/img/apple-touch-icon-precomposed-72.png">
18
+ <!-- iPhone 6 Plus icon -->
19
+ <link rel="apple-touch-icon-precomposed" sizes="120x120" href="../dist/img/apple-touch-icon-precomposed-180.png">
20
+ <!-- iPhone retina icon (iOS < 7) -->
21
+ <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../dist/img/apple-touch-icon-precomposed-114.png">
22
+ <!-- iPhone non-retina icon (iOS < 7) -->
23
+ <link rel="apple-touch-icon-precomposed" sizes="57x57" href="../dist/img/apple-touch-icon-precomposed-57.png">
24
+ <link href="../dist/css/patternfly.min.css" rel="stylesheet" media="screen, print">
25
+ <link href="../dist/css/patternfly-additions.min.css" rel="stylesheet" media="screen, print">
26
+ <link href="tests.css" rel="stylesheet" media="screen, print">
27
+ <script src="../components/jquery/dist/jquery.min.js"></script>
28
+ <script src="../components/bootstrap/dist/js/bootstrap.min.js"></script>
29
+ <script src="../components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
30
+ <script src="../dist/js/patternfly.min.js"></script>
31
+ </head>
32
+ <body>
33
+ <div class="container">
34
+ <div class="page-header">
35
+ <h1>Bootstrap-Datepicker</h1>
36
+ </div>
37
+ <div class="alert alert-warning">
38
+ <span class="pficon pficon-warning-triangle-o"></span>
39
+ These examples are included for development testing purposes. For official documentation, see <a href="https://www.patternfly.org" class="alert-link">https://www.patternfly.org</a>, <a href="http://getbootstrap.com" class="alert-link">http://getbootstrap.com</a>, and <a href="http://bootstrap-datepicker.readthedocs.org/en/latest/">http://bootstrap-datepicker.readthedocs.org/en/latest/</a>.
40
+ </div>
41
+ <hr>
42
+ <h2>Text Input</h2>
43
+ <input type="text" class="form-control bootstrap-datepicker">
44
+ <h2>Component</h2>
45
+ <div class="input-group date">
46
+ <input type="text" class="form-control"><span class="input-group-addon"><span class="fa fa-calendar"></span></span>
47
+ </div>
48
+ <h2>Inline</h2>
49
+ <div class="bootstrap-datepicker-inline"></div>
50
+ <h2>Range <small>Do not use. PatternFly-approved design coming in a future update.</small></h2>
51
+ <div class="input-daterange input-group">
52
+ <input type="text" class="form-control" name="start">
53
+ <span class="input-group-addon">to</span>
54
+ <input type="text" class="form-control" name="end">
55
+ </div>
56
+ <script>
57
+ // Initialize Boostrap-Datepicker
58
+ $('.bootstrap-datepicker, .input-group.date, .bootstrap-datepicker-inline').datepicker({
59
+ autoclose: true,
60
+ orientation: "top auto",
61
+ todayBtn: "linked",
62
+ todayHighlight: true
63
+ });
64
+ $('.input-daterange').datepicker({
65
+ autoclose: true,
66
+ todayBtn: "linked",
67
+ todayHighlight: true
68
+ });
69
+ </script>
70
+ </div><!-- /container -->
71
+ </body>
72
+ </html>
data/spec/html/bootstrap-select.html CHANGED
@@ -1,5 +1,4 @@
1
1
  <!DOCTYPE html>
2
- <!--[if IE 8]><html class="ie8"><![endif]-->
3
2
  <!--[if IE 9]><html class="ie9"><![endif]-->
4
3
  <!--[if gt IE 9]><!-->
5
4
  <html>
@@ -8,22 +7,26 @@
8
7
  <title>Bootstrap-Select - PatternFly</title>
9
8
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
9
  <link rel="shortcut icon" href="../dist/img/favicon.ico">
11
- <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../dist/img/apple-touch-icon-144-precomposed.png">
12
- <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../dist/img/apple-touch-icon-114-precomposed.png">
13
- <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../dist/img/apple-touch-icon-72-precomposed.png">
14
- <link rel="apple-touch-icon-precomposed" href="../dist/img/apple-touch-icon-57-precomposed.png">
10
+ <!-- iPad retina icon -->
11
+ <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../dist/img/apple-touch-icon-precomposed-152.png">
12
+ <!-- iPad retina icon (iOS < 7) -->
13
+ <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../dist/img/apple-touch-icon-precomposed-144.png">
14
+ <!-- iPad non-retina icon -->
15
+ <link rel="apple-touch-icon-precomposed" sizes="76x76" href="../dist/img/apple-touch-icon-precomposed-76.png">
16
+ <!-- iPad non-retina icon (iOS < 7) -->
17
+ <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../dist/img/apple-touch-icon-precomposed-72.png">
18
+ <!-- iPhone 6 Plus icon -->
19
+ <link rel="apple-touch-icon-precomposed" sizes="120x120" href="../dist/img/apple-touch-icon-precomposed-180.png">
20
+ <!-- iPhone retina icon (iOS < 7) -->
21
+ <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../dist/img/apple-touch-icon-precomposed-114.png">
22
+ <!-- iPhone non-retina icon (iOS < 7) -->
23
+ <link rel="apple-touch-icon-precomposed" sizes="57x57" href="../dist/img/apple-touch-icon-precomposed-57.png">
15
24
  <link href="../dist/css/patternfly.min.css" rel="stylesheet" media="screen, print">
25
+ <link href="../dist/css/patternfly-additions.min.css" rel="stylesheet" media="screen, print">
16
26
  <link href="tests.css" rel="stylesheet" media="screen, print">
17
- <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
18
- <!--[if lt IE 9]>
19
- <script src="../components/html5shiv/dist/html5shiv.min.js"></script>
20
- <script src="../components/respond/dest/respond.min.js"></script>
21
- <![endif]-->
22
- <!-- IE8 requires jQuery and Bootstrap JS to load in head to prevent rendering bugs -->
23
- <!-- IE8 requires jQuery v1.x -->
24
27
  <script src="../components/jquery/dist/jquery.min.js"></script>
25
28
  <script src="../components/bootstrap/dist/js/bootstrap.min.js"></script>
26
- <script src="../components/bootstrap-select/bootstrap-select.min.js"></script>
29
+ <script src="../components/bootstrap-select/dist/js/bootstrap-select.min.js"></script>
27
30
  <script src="../dist/js/patternfly.min.js"></script>
28
31
  </head>
29
32
  <body>
@@ -201,10 +204,7 @@
201
204
  </select>
202
205
  <span class="help-block">A block of help text that breaks onto a new line and may extend beyond one line.</span>
203
206
  </div>
204
- <script>
205
- // Initialize Boostrap-select
206
- $('.selectpicker').selectpicker();
207
- </script>
207
+
208
208
  </div><!-- /container -->
209
209
  </body>
210
210
  </html>
data/spec/html/bootstrap-treeview-2.html CHANGED
@@ -1,5 +1,4 @@
1
1
  <!DOCTYPE html>
2
- <!--[if IE 8]><html class="ie8"><![endif]-->
3
2
  <!--[if IE 9]><html class="ie9"><![endif]-->
4
3
  <!--[if gt IE 9]><!-->
5
4
  <html>
@@ -8,21 +7,25 @@
8
7
  <title>Tree View - PatternFly</title>
9
8
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
9
  <link rel="shortcut icon" href="../dist/img/favicon.ico">
11
- <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../dist/img/apple-touch-icon-144-precomposed.png">
12
- <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../dist/img/apple-touch-icon-114-precomposed.png">
13
- <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../dist/img/apple-touch-icon-72-precomposed.png">
14
- <link rel="apple-touch-icon-precomposed" href="../dist/img/apple-touch-icon-57-precomposed.png">
10
+ <!-- iPad retina icon -->
11
+ <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../dist/img/apple-touch-icon-precomposed-152.png">
12
+ <!-- iPad retina icon (iOS < 7) -->
13
+ <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../dist/img/apple-touch-icon-precomposed-144.png">
14
+ <!-- iPad non-retina icon -->
15
+ <link rel="apple-touch-icon-precomposed" sizes="76x76" href="../dist/img/apple-touch-icon-precomposed-76.png">
16
+ <!-- iPad non-retina icon (iOS < 7) -->
17
+ <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../dist/img/apple-touch-icon-precomposed-72.png">
18
+ <!-- iPhone 6 Plus icon -->
19
+ <link rel="apple-touch-icon-precomposed" sizes="120x120" href="../dist/img/apple-touch-icon-precomposed-180.png">
20
+ <!-- iPhone retina icon (iOS < 7) -->
21
+ <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../dist/img/apple-touch-icon-precomposed-114.png">
22
+ <!-- iPhone non-retina icon (iOS < 7) -->
23
+ <link rel="apple-touch-icon-precomposed" sizes="57x57" href="../dist/img/apple-touch-icon-precomposed-57.png">
15
24
  <link href="../dist/css/patternfly.min.css" rel="stylesheet" media="screen, print">
16
- <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
17
- <!--[if lt IE 9]>
18
- <script src="../components/html5shiv/dist/html5shiv.min.js"></script>
19
- <script src="../components/respond/dest/respond.min.js"></script>
20
- <![endif]-->
21
- <!-- IE8 requires jQuery and Bootstrap JS to load in head to prevent rendering bugs -->
22
- <!-- IE8 requires jQuery v1.x -->
25
+ <link href="../dist/css/patternfly-additions.min.css" rel="stylesheet" media="screen, print">
23
26
  <script src="../components/jquery/dist/jquery.min.js"></script>
24
27
  <script src="../components/bootstrap/dist/js/bootstrap.min.js"></script>
25
- <script src="../components/bootstrap-select/bootstrap-select.min.js"></script>
28
+ <script src="../components/bootstrap-select/dist/js/bootstrap-select.min.js"></script>
26
29
  <script src="../components/bootstrap-treeview/dist/bootstrap-treeview.min.js"></script>
27
30
  <script src="../dist/js/patternfly.min.js"></script>
28
31
  </head>
@@ -109,6 +112,9 @@
109
112
  <li>
110
113
  <a href="typography-2.html">Typography</a>
111
114
  </li>
115
+ <li>
116
+ <a href="cards.html">Cards</a>
117
+ </li>
112
118
  </ul>
113
119
  </div>
114
120
  </nav>
@@ -120,85 +126,80 @@
120
126
  <li>Tree View</li>
121
127
  </ol>
122
128
  <h1>Tree View</h1>
123
- <form class="form-horizontal">
124
- <div class="form-group">
125
- <label class="col-md-2 control-label" for="textInput">Praesent urna</label>
126
- <div class="col-md-6">
127
- <input type="text" id="textInput" class="form-control">
128
- </div>
129
- </div>
130
- <div class="form-group">
131
- <label class="col-md-2 control-label" for="textInput2">Augue</label>
132
- <div class="col-md-6">
133
- <input type="text" id="textInput2" class="form-control">
134
- </div>
135
- </div>
136
- <div class="form-group">
137
- <label class="col-md-2 control-label" for="textInput3">Pharetra vel</label>
138
- <div class="col-md-6">
139
- <input type="text" id="textInput3" class="form-control">
140
- </div>
141
- </div>
142
- <div class="form-group">
143
- <label class="col-md-2 control-label" for="textInput4">Arcu ac</label>
144
- <div class="col-md-6">
145
- <input type="text" id="textInput4" class="form-control">
146
- </div>
147
- </div>
148
- <div class="form-group">
149
- <label class="col-md-2 control-label">Posuere</label>
150
- <div class="col-md-6">
151
- <div class="radio">
152
- <label>
153
- <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
154
- Proin lobortis auctor tortor et posuere
155
- </label>
156
- </div>
157
- <div class="radio">
158
- <label>
159
- <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
160
- Duis eu ipsum metus
161
- </label>
162
- </div>
163
- </div>
164
- </div>
165
- <div class="form-group">
166
- <label class="col-md-2 control-label" for="boostrapSelect">Vestibulum</label>
167
- <div class="col-md-10">
168
- <select class="selectpicker" multiple data-selected-text-format="count>3" id="boostrapSelect">
169
- <option>Mustard</option>
170
- <option>Ketchup</option>
171
- <option>Relish</option>
172
- <option>Onions</option>
173
- <option>Mushrooms</option>
174
- <option>Pickles</option>
175
- <option>Mayonnaise</option>
176
- <option data-divider="true"></option>
177
- <option data-subtext="Hot">Tabasco</option>
178
- <option data-subtext="Hotter">Sriracha</option>
179
- <option data-subtext="Hottest">Wasabi</option>
180
- </select>
181
- </div>
182
- </div>
183
- <div class="form-group">
184
- <div class="col-md-10 col-md-offset-2">
185
- <button type="button" class="btn btn-primary">Save</button>
186
- <button type="button" class="btn btn-default">Cancel</button>
187
- </div>
188
- </div>
189
- </form>
129
+ <form class="form-horizontal">
130
+ <div class="form-group">
131
+ <label class="col-md-2 control-label" for="textInput">Praesent urna</label>
132
+ <div class="col-md-6">
133
+ <input type="text" id="textInput" class="form-control">
134
+ </div>
135
+ </div>
136
+ <div class="form-group">
137
+ <label class="col-md-2 control-label" for="textInput2">Augue</label>
138
+ <div class="col-md-6">
139
+ <input type="text" id="textInput2" class="form-control">
140
+ </div>
141
+ </div>
142
+ <div class="form-group">
143
+ <label class="col-md-2 control-label" for="textInput3">Pharetra vel</label>
144
+ <div class="col-md-6">
145
+ <input type="text" id="textInput3" class="form-control">
146
+ </div>
147
+ </div>
148
+ <div class="form-group">
149
+ <label class="col-md-2 control-label" for="textInput4">Arcu ac</label>
150
+ <div class="col-md-6">
151
+ <input type="text" id="textInput4" class="form-control">
152
+ </div>
153
+ </div>
154
+ <div class="form-group">
155
+ <label class="col-md-2 control-label">Posuere</label>
156
+ <div class="col-md-6">
157
+ <div class="radio">
158
+ <label>
159
+ <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
160
+ Proin lobortis auctor tortor et posuere
161
+ </label>
162
+ </div>
163
+ <div class="radio">
164
+ <label>
165
+ <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
166
+ Duis eu ipsum metus
167
+ </label>
168
+ </div>
169
+ </div>
170
+ </div>
171
+ <div class="form-group">
172
+ <label class="col-md-2 control-label" for="boostrapSelect">Vestibulum</label>
173
+ <div class="col-md-10">
174
+ <select class="selectpicker" multiple data-selected-text-format="count>3" id="boostrapSelect">
175
+ <option>Mustard</option>
176
+ <option>Ketchup</option>
177
+ <option>Relish</option>
178
+ <option>Onions</option>
179
+ <option>Mushrooms</option>
180
+ <option>Pickles</option>
181
+ <option>Mayonnaise</option>
182
+ <option data-divider="true"></option>
183
+ <option data-subtext="Hot">Tabasco</option>
184
+ <option data-subtext="Hotter">Sriracha</option>
185
+ <option data-subtext="Hottest">Wasabi</option>
186
+ </select>
187
+ </div>
188
+ </div>
189
+ <div class="form-group">
190
+ <div class="col-md-10 col-md-offset-2">
191
+ <button type="button" class="btn btn-primary">Save</button>
192
+ <button type="button" class="btn btn-default">Cancel</button>
193
+ </div>
194
+ </div>
195
+ </form>
190
196
  </div><!-- /col -->
191
197
  <div class="col-sm-3 col-md-2 col-sm-pull-9 col-md-pull-10 sidebar-pf sidebar-pf-left">
192
198
  <div id="treeview1"></div>
193
- <p class="text-info">
194
- <strong>Note:</strong> The Bootstrap Tree View widget is not supported in IE8.
195
- </p>
196
199
  </div><!-- /col -->
197
200
  </div><!-- /row -->
198
201
  </div><!-- /container -->
199
202
  <script>
200
- // Initialize Boostrap-select
201
- $('.selectpicker').selectpicker();
202
203
  // Intialize Boostrap-Treeview
203
204
  $(function() {
204
205
  var defaultData = [
@@ -267,5 +268,6 @@
267
268
  $('.list-group-item[data-nodeid="3"]').addClass('node-selected');
268
269
  });
269
270
  </script>
271
+
270
272
  </body>
271
273
  </html>
data/spec/html/bootstrap-treeview.html CHANGED
@@ -1,5 +1,4 @@
1
1
  <!DOCTYPE html>
2
- <!--[if IE 8]><html class="ie8"><![endif]-->
3
2
  <!--[if IE 9]><html class="ie9"><![endif]-->
4
3
  <!--[if gt IE 9]><!-->
5
4
  <html>
@@ -8,19 +7,23 @@
8
7
  <title>Bootstrap Tree View - PatternFly</title>
9
8
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
9
  <link rel="shortcut icon" href="../dist/img/favicon.ico">
11
- <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../dist/img/apple-touch-icon-144-precomposed.png">
12
- <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../dist/img/apple-touch-icon-114-precomposed.png">
13
- <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../dist/img/apple-touch-icon-72-precomposed.png">
14
- <link rel="apple-touch-icon-precomposed" href="../dist/img/apple-touch-icon-57-precomposed.png">
10
+ <!-- iPad retina icon -->
11
+ <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../dist/img/apple-touch-icon-precomposed-152.png">
12
+ <!-- iPad retina icon (iOS < 7) -->
13
+ <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../dist/img/apple-touch-icon-precomposed-144.png">
14
+ <!-- iPad non-retina icon -->
15
+ <link rel="apple-touch-icon-precomposed" sizes="76x76" href="../dist/img/apple-touch-icon-precomposed-76.png">
16
+ <!-- iPad non-retina icon (iOS < 7) -->
17
+ <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../dist/img/apple-touch-icon-precomposed-72.png">
18
+ <!-- iPhone 6 Plus icon -->
19
+ <link rel="apple-touch-icon-precomposed" sizes="120x120" href="../dist/img/apple-touch-icon-precomposed-180.png">
20
+ <!-- iPhone retina icon (iOS < 7) -->
21
+ <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../dist/img/apple-touch-icon-precomposed-114.png">
22
+ <!-- iPhone non-retina icon (iOS < 7) -->
23
+ <link rel="apple-touch-icon-precomposed" sizes="57x57" href="../dist/img/apple-touch-icon-precomposed-57.png">
15
24
  <link href="../dist/css/patternfly.min.css" rel="stylesheet" media="screen, print">
25
+ <link href="../dist/css/patternfly-additions.min.css" rel="stylesheet" media="screen, print">
16
26
  <link href="tests.css" rel="stylesheet" media="screen, print">
17
- <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
18
- <!--[if lt IE 9]>
19
- <script src="../components/html5shiv/dist/html5shiv.min.js"></script>
20
- <script src="../components/respond/dest/respond.min.js"></script>
21
- <![endif]-->
22
- <!-- IE8 requires jQuery and Bootstrap JS to load in head to prevent rendering bugs -->
23
- <!-- IE8 requires jQuery v1.x -->
24
27
  <script src="../components/jquery/dist/jquery.min.js"></script>
25
28
  <script src="../components/bootstrap/dist/js/bootstrap.min.js"></script>
26
29
  <script src="../components/bootstrap-treeview/dist/bootstrap-treeview.min.js"></script>
@@ -36,9 +39,6 @@
36
39
  These examples are included for development testing purposes. For official documentation, see <a href="https://www.patternfly.org" class="alert-link">https://www.patternfly.org</a>, <a href="http://getbootstrap.com" class="alert-link">http://getbootstrap.com</a>, and <a href="https://github.com/jonmiles/bootstrap-treeview">https://github.com/jonmiles/bootstrap-treeview</a>.
37
40
  </div>
38
41
  <hr>
39
- <p class="text-info">
40
- <strong>Note:</strong> This widget is not supported in IE8.
41
- </p>
42
42
  <div class="row">
43
43
  <div class="col-sm-4">
44
44
  <h2>Default</h2>