patternfly-sass 1.3.1 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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/infotip.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>Info Tip - 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>
data/spec/html/labels.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>Labels - 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>
data/spec/html/list-group.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>List Group - 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>
data/spec/html/login.html CHANGED
@@ -1,5 +1,4 @@
1
1
  <!DOCTYPE html>
2
- <!--[if IE 8]><html class="ie8 login-pf"><![endif]-->
3
2
  <!--[if IE 9]><html class="ie9 login-pf"><![endif]-->
4
3
  <!--[if gt IE 9]><!-->
5
4
  <html class="login-pf">
@@ -8,18 +7,22 @@
8
7
  <title>Login - 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
28
  <script src="../dist/js/patternfly.min.js"></script>
data/spec/html/modals.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>Modals - 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>
data/spec/html/navbar.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>Navbar - 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>
@@ -412,359 +415,7 @@
412
415
  </div>
413
416
  </nav>
414
417
  <hr>
415
- <h3>Deprecated Design</h3>
416
- <nav class="navbar navbar-default navbar-pf" role="navigation">
417
- <div class="navbar-header">
418
- <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-3">
419
- <span class="sr-only">Toggle navigation</span>
420
- <span class="icon-bar"></span>
421
- <span class="icon-bar"></span>
422
- <span class="icon-bar"></span>
423
- </button>
424
- <a class="navbar-brand" href="/">
425
- <img src="../dist/img/brand.svg" alt="PatternFly Enterprise Application" />
426
- </a>
427
- </div>
428
- <div class="collapse navbar-collapse navbar-collapse-3">
429
- <ul class="nav navbar-nav navbar-utility">
430
- <li>
431
- <a href="#">Status</a>
432
- </li>
433
- <li class="dropdown">
434
- <a href="#" class="dropdown-toggle" data-toggle="dropdown">
435
- <span class="pficon pficon-user"></span>
436
- Brian Johnson
437
- <b class="caret"></b>
438
- </a>
439
- <ul class="dropdown-menu">
440
- <li>
441
- <a href="#">Link</a>
442
- </li>
443
- <li>
444
- <a href="#">Another link</a>
445
- </li>
446
- <li>
447
- <a href="#">Something else here</a>
448
- </li>
449
- <li class="divider"></li>
450
- <li class="dropdown-submenu">
451
- <a tabindex="-1" href="#">More options</a>
452
- <ul class="dropdown-menu">
453
- <li>
454
- <a href="#">Link</a>
455
- </li>
456
- <li>
457
- <a href="#">Another link</a>
458
- </li>
459
- <li>
460
- <a href="#">Something else here</a>
461
- </li>
462
- <li class="divider"></li>
463
- <li class="dropdown-header">Nav header</li>
464
- <li>
465
- <a href="#">Separated link</a>
466
- </li>
467
- <li class="divider"></li>
468
- <li>
469
- <a href="#">One more separated link</a>
470
- </li>
471
- </ul>
472
- </li>
473
- <li class="divider"></li>
474
- <li>
475
- <a href="#">One more separated link</a>
476
- </li>
477
- </ul>
478
- </li>
479
- </ul>
480
- <ul class="nav navbar-nav navbar-primary">
481
- <li class="dropdown context">
482
- <a href="#" class="dropdown-toggle" data-toggle="dropdown">
483
- Context
484
- <b class="caret"></b>
485
- </a>
486
- <ul class="dropdown-menu">
487
- <li>
488
- <a href="#">Link</a>
489
- </li>
490
- <li>
491
- <a href="#">Another link</a>
492
- </li>
493
- <li>
494
- <a href="#">Something else here</a>
495
- </li>
496
- <li class="divider"></li>
497
- <li class="dropdown-header">Nav header</li>
498
- <li>
499
- <a href="#">Separated link</a>
500
- </li>
501
- <li class="divider"></li>
502
- <li>
503
- <a href="#">One more separated link</a>
504
- </li>
505
- </ul>
506
- </li>
507
- <li>
508
- <a href="#">First Link</a>
509
- </li>
510
- <li>
511
- <a href="#">Another Link</a>
512
- </li>
513
- <li>
514
- <a href="#">And Another</a>
515
- </li>
516
- <li>
517
- <a href="#">As a General Rule</a>
518
- </li>
519
- <li>
520
- <a href="#">Five to Seven Links</a>
521
- </li>
522
- <li>
523
- <a href="#">Is Good</a>
524
- </li>
525
- </ul>
526
- </div>
527
- </nav>
528
- <hr>
529
- <h2>Multi-level Menu</h2>
530
- <nav class="navbar navbar-default navbar-pf" role="navigation">
531
- <div class="navbar-header">
532
- <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-5">
533
- <span class="sr-only">Toggle navigation</span>
534
- <span class="icon-bar"></span>
535
- <span class="icon-bar"></span>
536
- <span class="icon-bar"></span>
537
- </button>
538
- <a class="navbar-brand" href="/">
539
- <img src="../dist/img/brand.svg" alt="PatternFly Enterprise Application" />
540
- </a>
541
- </div>
542
- <div class="collapse navbar-collapse navbar-collapse-5">
543
- <ul class="nav navbar-nav navbar-utility">
544
- <li>
545
- <a href="#">Status</a>
546
- </li>
547
- <li class="dropdown">
548
- <a href="#" class="dropdown-toggle" data-toggle="dropdown">
549
- <span class="pficon pficon-user"></span>
550
- Brian Johnson
551
- <b class="caret"></b>
552
- </a>
553
- <ul class="dropdown-menu">
554
- <li>
555
- <a href="#">Link</a>
556
- </li>
557
- <li>
558
- <a href="#">Another link</a>
559
- </li>
560
- <li>
561
- <a href="#">Something else here</a>
562
- </li>
563
- <li class="divider"></li>
564
- <li class="dropdown-submenu">
565
- <a tabindex="-1" href="#">More options</a>
566
- <ul class="dropdown-menu">
567
- <li>
568
- <a href="#">Link</a>
569
- </li>
570
- <li>
571
- <a href="#">Another link</a>
572
- </li>
573
- <li>
574
- <a href="#">Something else here</a>
575
- </li>
576
- <li class="divider"></li>
577
- <li class="dropdown-header">Nav header</li>
578
- <li>
579
- <a href="#">Separated link</a>
580
- </li>
581
- <li class="divider"></li>
582
- <li>
583
- <a href="#">One more separated link</a>
584
- </li>
585
- </ul>
586
- </li>
587
- <li class="divider"></li>
588
- <li>
589
- <a href="#">One more separated link</a>
590
- </li>
591
- </ul>
592
- </li>
593
- </ul>
594
- <ul class="nav navbar-nav navbar-primary">
595
- <li class="dropdown">
596
- <a href="#" class="dropdown-toggle" data-toggle="dropdown">
597
- Dropdown
598
- <b class="caret"></b>
599
- </a>
600
- <ul class="dropdown-menu">
601
- <li>
602
- <a href="#">Link</a>
603
- </li>
604
- <li>
605
- <a href="#">Another link</a>
606
- </li>
607
- <li>
608
- <a href="#">Something else here</a>
609
- </li>
610
- <li class="divider"></li>
611
- <li>
612
- <a href="#">Separated link</a>
613
- </li>
614
- <li class="divider"></li>
615
- <li>
616
- <a href="#">One more separated link</a>
617
- </li>
618
- </ul>
619
- </li>
620
- <li class="dropdown">
621
- <a href="#" class="dropdown-toggle" data-toggle="dropdown">
622
- Dropdown with Submenu
623
- <b class="caret"></b>
624
- </a>
625
- <ul class="dropdown-menu">
626
- <li>
627
- <a href="#">Link</a>
628
- </li>
629
- <li>
630
- <a href="#">Another link</a>
631
- </li>
632
- <li>
633
- <a href="#">Something else here</a>
634
- </li>
635
- <li class="divider"></li>
636
- <li>
637
- <a href="#">Separated link</a>
638
- </li>
639
- <li class="divider"></li>
640
- <li>
641
- <a href="#">One more separated link</a>
642
- </li>
643
- <li class="dropdown-submenu">
644
- <a tabindex="-1" href="#">More options</a>
645
- <ul class="dropdown-menu">
646
- <li>
647
- <a href="#">Link</a>
648
- </li>
649
- <li>
650
- <a href="#">Another link</a>
651
- </li>
652
- <li>
653
- <a href="#">Something else here</a>
654
- </li>
655
- <li class="divider"></li>
656
- <li>
657
- <a href="#">Separated link</a>
658
- </li>
659
- <li class="divider"></li>
660
- <li>
661
- <a href="#">One more separated link</a>
662
- </li>
663
- </ul>
664
- </li>
665
- </ul>
666
- </li>
667
- <li class="dropdown">
668
- <a href="#" class="dropdown-toggle" data-toggle="dropdown">
669
- Dropdown with Dropup Submenu
670
- <b class="caret"></b>
671
- </a>
672
- <ul class="dropdown-menu dropup">
673
- <li>
674
- <a href="#">Link</a>
675
- </li>
676
- <li>
677
- <a href="#">Another link</a>
678
- </li>
679
- <li>
680
- <a href="#">Something else here</a>
681
- </li>
682
- <li class="divider"></li>
683
- <li>
684
- <a href="#">Separated link</a>
685
- </li>
686
- <li class="divider"></li>
687
- <li>
688
- <a href="#">One more separated link</a>
689
- </li>
690
- <li class="dropdown-submenu">
691
- <a tabindex="-1" href="#">More options</a>
692
- <ul class="dropdown-menu">
693
- <li>
694
- <a href="#">Link</a>
695
- </li>
696
- <li>
697
- <a href="#">Another link</a>
698
- </li>
699
- <li>
700
- <a href="#">Something else here</a>
701
- </li>
702
- <li class="divider"></li>
703
- <li>
704
- <a href="#">Separated link</a>
705
- </li>
706
- <li class="divider"></li>
707
- <li>
708
- <a href="#">One more separated link</a>
709
- </li>
710
- </ul>
711
- </li>
712
- </ul>
713
- </li>
714
- <li class="dropdown">
715
- <a href="#" class="dropdown-toggle" data-toggle="dropdown">
716
- Dropdown with Pull-left Submenu
717
- <b class="caret"></b>
718
- </a>
719
- <ul class="dropdown-menu">
720
- <li>
721
- <a href="#">Link</a>
722
- </li>
723
- <li>
724
- <a href="#">Another link</a>
725
- </li>
726
- <li>
727
- <a href="#">Something else here</a>
728
- </li>
729
- <li class="divider"></li>
730
- <li>
731
- <a href="#">Separated link</a>
732
- </li>
733
- <li class="divider"></li>
734
- <li>
735
- <a href="#">One more separated link</a>
736
- </li>
737
- <li class="dropdown-submenu pull-left">
738
- <a tabindex="-1" href="#">More options</a>
739
- <ul class="dropdown-menu">
740
- <li>
741
- <a href="#">Link</a>
742
- </li>
743
- <li>
744
- <a href="#">Another link</a>
745
- </li>
746
- <li>
747
- <a href="#">Something else here</a>
748
- </li>
749
- <li class="divider"></li>
750
- <li>
751
- <a href="#">Separated link</a>
752
- </li>
753
- <li class="divider"></li>
754
- <li>
755
- <a href="#">One more separated link</a>
756
- </li>
757
- </ul>
758
- </li>
759
- </ul>
760
- </li>
761
- <li>
762
- <a href="#">No Dropdown</a>
763
- </li>
764
- </ul>
765
- </div>
766
- </nav>
767
- <hr>
418
+ <h2>Multi-level Menu</h2>
768
419
  <nav class="navbar navbar-default navbar-pf" role="navigation">
769
420
  <div class="navbar-header">
770
421
  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-5">
@@ -855,7 +506,7 @@
855
506
  </li>
856
507
  </ul>
857
508
  </li>
858
- <li class="dropdown active">
509
+ <li class="dropdown">
859
510
  <a href="#" class="dropdown-toggle" data-toggle="dropdown">
860
511
  Dropdown with Submenu
861
512
  <b class="caret"></b>
@@ -1116,10 +767,10 @@
1116
767
  <li>
1117
768
  <a href="#">One more separated link</a>
1118
769
  </li>
1119
- <li class="dropdown-submenu active">
770
+ <li class="dropdown-submenu">
1120
771
  <a tabindex="-1" href="#">More options</a>
1121
772
  <ul class="dropdown-menu">
1122
- <li class="active">
773
+ <li>
1123
774
  <a href="#">Link</a>
1124
775
  </li>
1125
776
  <li>
@@ -1241,12 +892,9 @@
1241
892
  </div>
1242
893
  </nav>
1243
894
  <hr>
1244
- <h2>
1245
- Multi-level Menu and Context Selector
1246
- </h2>
1247
895
  <nav class="navbar navbar-default navbar-pf" role="navigation">
1248
896
  <div class="navbar-header">
1249
- <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-8">
897
+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-5">
1250
898
  <span class="sr-only">Toggle navigation</span>
1251
899
  <span class="icon-bar"></span>
1252
900
  <span class="icon-bar"></span>
@@ -1256,7 +904,7 @@
1256
904
  <img src="../dist/img/brand.svg" alt="PatternFly Enterprise Application" />
1257
905
  </a>
1258
906
  </div>
1259
- <div class="collapse navbar-collapse navbar-collapse-8">
907
+ <div class="collapse navbar-collapse navbar-collapse-5">
1260
908
  <ul class="nav navbar-nav navbar-utility">
1261
909
  <li>
1262
910
  <a href="#">Status</a>
@@ -1309,20 +957,6 @@
1309
957
  </li>
1310
958
  </ul>
1311
959
  <ul class="nav navbar-nav navbar-primary">
1312
- <li class="context context-bootstrap-select">
1313
- <select class="selectpicker" data-live-search="true">
1314
- <optgroup label="Context Label">
1315
- <option>First Option</option>
1316
- <option>Another Option</option>
1317
- <option>And Another</option>
1318
- <option>Fourth Option That Is a Lot Longer And Will Be Too Long At Small Resolutions</option>
1319
- <option data-divider="true"></option>
1320
- <option data-subtext="supplemental data">Fifth Option</option>
1321
- <option disabled>Disabled Option</option>
1322
- <option data-subtext="end">Final Option</option>
1323
- </optgroup>
1324
- </select>
1325
- </li>
1326
960
  <li class="dropdown">
1327
961
  <a href="#" class="dropdown-toggle" data-toggle="dropdown">
1328
962
  Dropdown
@@ -1348,7 +982,7 @@
1348
982
  </li>
1349
983
  </ul>
1350
984
  </li>
1351
- <li class="dropdown">
985
+ <li class="dropdown active">
1352
986
  <a href="#" class="dropdown-toggle" data-toggle="dropdown">
1353
987
  Dropdown with Submenu
1354
988
  <b class="caret"></b>
@@ -1371,10 +1005,10 @@
1371
1005
  <li>
1372
1006
  <a href="#">One more separated link</a>
1373
1007
  </li>
1374
- <li class="dropdown-submenu">
1008
+ <li class="dropdown-submenu active">
1375
1009
  <a tabindex="-1" href="#">More options</a>
1376
1010
  <ul class="dropdown-menu">
1377
- <li>
1011
+ <li class="active">
1378
1012
  <a href="#">Link</a>
1379
1013
  </li>
1380
1014
  <li>
@@ -1496,6 +1130,9 @@
1496
1130
  </div>
1497
1131
  </nav>
1498
1132
  <hr>
1133
+ <h2>
1134
+ Multi-level Menu and Context Selector
1135
+ </h2>
1499
1136
  <nav class="navbar navbar-default navbar-pf" role="navigation">
1500
1137
  <div class="navbar-header">
1501
1138
  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-8">
@@ -1600,7 +1237,7 @@
1600
1237
  </li>
1601
1238
  </ul>
1602
1239
  </li>
1603
- <li class="dropdown active">
1240
+ <li class="dropdown">
1604
1241
  <a href="#" class="dropdown-toggle" data-toggle="dropdown">
1605
1242
  Dropdown with Submenu
1606
1243
  <b class="caret"></b>
@@ -1875,10 +1512,10 @@
1875
1512
  <li>
1876
1513
  <a href="#">One more separated link</a>
1877
1514
  </li>
1878
- <li class="dropdown-submenu active">
1515
+ <li class="dropdown-submenu">
1879
1516
  <a tabindex="-1" href="#">More options</a>
1880
1517
  <ul class="dropdown-menu">
1881
- <li class="active">
1518
+ <li>
1882
1519
  <a href="#">Link</a>
1883
1520
  </li>
1884
1521
  <li>
@@ -2000,7 +1637,6 @@
2000
1637
  </div>
2001
1638
  </nav>
2002
1639
  <hr>
2003
- <h3>Deprecated Design</h3>
2004
1640
  <nav class="navbar navbar-default navbar-pf" role="navigation">
2005
1641
  <div class="navbar-header">
2006
1642
  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-8">
@@ -2066,31 +1702,19 @@
2066
1702
  </li>
2067
1703
  </ul>
2068
1704
  <ul class="nav navbar-nav navbar-primary">
2069
- <li class="dropdown context">
2070
- <a href="#" class="dropdown-toggle" data-toggle="dropdown">
2071
- Context
2072
- <b class="caret"></b>
2073
- </a>
2074
- <ul class="dropdown-menu">
2075
- <li>
2076
- <a href="#">Link</a>
2077
- </li>
2078
- <li>
2079
- <a href="#">Another link</a>
2080
- </li>
2081
- <li>
2082
- <a href="#">Something else here</a>
2083
- </li>
2084
- <li class="divider"></li>
2085
- <li class="dropdown-header">Nav header</li>
2086
- <li>
2087
- <a href="#">Separated link</a>
2088
- </li>
2089
- <li class="divider"></li>
2090
- <li>
2091
- <a href="#">One more separated link</a>
2092
- </li>
2093
- </ul>
1705
+ <li class="context context-bootstrap-select">
1706
+ <select class="selectpicker" data-live-search="true">
1707
+ <optgroup label="Context Label">
1708
+ <option>First Option</option>
1709
+ <option>Another Option</option>
1710
+ <option>And Another</option>
1711
+ <option>Fourth Option That Is a Lot Longer And Will Be Too Long At Small Resolutions</option>
1712
+ <option data-divider="true"></option>
1713
+ <option data-subtext="supplemental data">Fifth Option</option>
1714
+ <option disabled>Disabled Option</option>
1715
+ <option data-subtext="end">Final Option</option>
1716
+ </optgroup>
1717
+ </select>
2094
1718
  </li>
2095
1719
  <li class="dropdown">
2096
1720
  <a href="#" class="dropdown-toggle" data-toggle="dropdown">
@@ -2117,7 +1741,7 @@
2117
1741
  </li>
2118
1742
  </ul>
2119
1743
  </li>
2120
- <li class="dropdown">
1744
+ <li class="dropdown active">
2121
1745
  <a href="#" class="dropdown-toggle" data-toggle="dropdown">
2122
1746
  Dropdown with Submenu
2123
1747
  <b class="caret"></b>
@@ -2140,10 +1764,10 @@
2140
1764
  <li>
2141
1765
  <a href="#">One more separated link</a>
2142
1766
  </li>
2143
- <li class="dropdown-submenu">
1767
+ <li class="dropdown-submenu active">
2144
1768
  <a tabindex="-1" href="#">More options</a>
2145
1769
  <ul class="dropdown-menu">
2146
- <li>
1770
+ <li class="active">
2147
1771
  <a href="#">Link</a>
2148
1772
  </li>
2149
1773
  <li>
@@ -2902,168 +2526,7 @@
2902
2526
  <hr>
2903
2527
  <nav class="navbar navbar-default navbar-pf" role="navigation">
2904
2528
  <div class="navbar-header">
2905
- <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-11">
2906
- <span class="sr-only">Toggle navigation</span>
2907
- <span class="icon-bar"></span>
2908
- <span class="icon-bar"></span>
2909
- <span class="icon-bar"></span>
2910
- </button>
2911
- <a class="navbar-brand" href="/">
2912
- <img src="../dist/img/brand.svg" alt="PatternFly Enterprise Application" />
2913
- </a>
2914
- </div>
2915
- <div class="collapse navbar-collapse navbar-collapse-11">
2916
- <ul class="nav navbar-nav navbar-utility">
2917
- <li>
2918
- <a href="#">Status</a>
2919
- </li>
2920
- <li class="dropdown">
2921
- <a href="#" class="dropdown-toggle" data-toggle="dropdown">
2922
- <span class="pficon pficon-user"></span>
2923
- Brian Johnson
2924
- <b class="caret"></b>
2925
- </a>
2926
- <ul class="dropdown-menu">
2927
- <li>
2928
- <a href="#">Link</a>
2929
- </li>
2930
- <li>
2931
- <a href="#">Another link</a>
2932
- </li>
2933
- <li>
2934
- <a href="#">Something else here</a>
2935
- </li>
2936
- <li class="divider"></li>
2937
- <li class="dropdown-submenu">
2938
- <a tabindex="-1" href="#">More options</a>
2939
- <ul class="dropdown-menu">
2940
- <li>
2941
- <a href="#">Link</a>
2942
- </li>
2943
- <li>
2944
- <a href="#">Another link</a>
2945
- </li>
2946
- <li>
2947
- <a href="#">Something else here</a>
2948
- </li>
2949
- <li class="divider"></li>
2950
- <li class="dropdown-header">Nav header</li>
2951
- <li>
2952
- <a href="#">Separated link</a>
2953
- </li>
2954
- <li class="divider"></li>
2955
- <li>
2956
- <a href="#">One more separated link</a>
2957
- </li>
2958
- </ul>
2959
- </li>
2960
- <li class="divider"></li>
2961
- <li>
2962
- <a href="#">One more separated link</a>
2963
- </li>
2964
- </ul>
2965
- </li>
2966
- </ul>
2967
- <ul class="nav navbar-nav navbar-primary persistent-secondary">
2968
- <li>
2969
- <a href="#">First Link</a>
2970
- </li>
2971
- <li class="active">
2972
- <a href="#">Another Link</a>
2973
- <ul class="nav navbar-nav navbar-persistent">
2974
- <li class="dropdown-submenu">
2975
- <a href="#" class="dropdown-toggle" data-toggle="dropdown">Link</a>
2976
- <ul class="dropdown-menu">
2977
- <li>
2978
- <a href="#">Link</a>
2979
- </li>
2980
- <li>
2981
- <a href="#">Another link</a>
2982
- </li>
2983
- <li>
2984
- <a href="#">Something else here</a>
2985
- </li>
2986
- <li>
2987
- <a href="#">Remembering to keep</a>
2988
- </li>
2989
- <li>
2990
- <a href="#">It between five and seven</a>
2991
- </li>
2992
- </ul>
2993
- </li>
2994
- <li>
2995
- <a href="#">Another Link</a>
2996
- </li>
2997
- <li class="dropdown-submenu active">
2998
- <a href="#" class="dropdown-toggle" data-toggle="dropdown">Something Else Here</a>
2999
- <ul class="dropdown-menu">
3000
- <li>
3001
- <a href="#">Link</a>
3002
- </li>
3003
- <li class="active">
3004
- <a href="#">Another link</a>
3005
- </li>
3006
- <li>
3007
- <a href="#">Something else here</a>
3008
- </li>
3009
- <li>
3010
- <a href="#">Remembering to keep</a>
3011
- </li>
3012
- <li>
3013
- <a href="#">It between five and seven</a>
3014
- </li>
3015
- </ul>
3016
- </li>
3017
- <li>
3018
- <a href="#">Remembering to Keep</a>
3019
- </li>
3020
- <li>
3021
- <a href="#">It Between Five and Seven</a>
3022
- </li>
3023
- <li class="dropdown-submenu">
3024
- <a tabindex="-1" href="#" class="dropdown-toggle" data-toggle="dropdown">More options</a>
3025
- <ul class="dropdown-menu">
3026
- <li>
3027
- <a href="#">Link</a>
3028
- </li>
3029
- <li>
3030
- <a href="#">Another link</a>
3031
- </li>
3032
- <li>
3033
- <a href="#">Something else here</a>
3034
- </li>
3035
- <li>
3036
- <a href="#">Remembering to keep</a>
3037
- </li>
3038
- <li>
3039
- <a href="#">It between five and seven</a>
3040
- </li>
3041
- </ul>
3042
- </li>
3043
- </ul>
3044
- </li>
3045
- <li>
3046
- <a href="#">And Another</a>
3047
- </li>
3048
- <li>
3049
- <a href="#">As a General Rule</a>
3050
- </li>
3051
- <li>
3052
- <a href="#">Five to Seven Links</a>
3053
- </li>
3054
- <li>
3055
- <a href="#">Is Good</a>
3056
- </li>
3057
- </ul>
3058
- </div>
3059
- </nav>
3060
- <hr>
3061
- <h2>
3062
- Persistent Secondary and Tertiary Menu and Context Selector
3063
- </h2>
3064
- <nav class="navbar navbar-default navbar-pf" role="navigation">
3065
- <div class="navbar-header">
3066
- <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-16">
2529
+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-11">
3067
2530
  <span class="sr-only">Toggle navigation</span>
3068
2531
  <span class="icon-bar"></span>
3069
2532
  <span class="icon-bar"></span>
@@ -3073,7 +2536,7 @@
3073
2536
  <img src="../dist/img/brand.svg" alt="PatternFly Enterprise Application" />
3074
2537
  </a>
3075
2538
  </div>
3076
- <div class="collapse navbar-collapse navbar-collapse-16">
2539
+ <div class="collapse navbar-collapse navbar-collapse-11">
3077
2540
  <ul class="nav navbar-nav navbar-utility">
3078
2541
  <li>
3079
2542
  <a href="#">Status</a>
@@ -3126,24 +2589,10 @@
3126
2589
  </li>
3127
2590
  </ul>
3128
2591
  <ul class="nav navbar-nav navbar-primary persistent-secondary">
3129
- <li class="context context-bootstrap-select">
3130
- <select class="selectpicker" data-live-search="true">
3131
- <optgroup label="Context Label">
3132
- <option>First Option</option>
3133
- <option>Another Option</option>
3134
- <option>And Another</option>
3135
- <option>Fourth Option That Is a Lot Longer And Will Be Too Long At Small Resolutions</option>
3136
- <option data-divider="true"></option>
3137
- <option data-subtext="supplemental data">Fifth Option</option>
3138
- <option disabled>Disabled Option</option>
3139
- <option data-subtext="end">Final Option</option>
3140
- </optgroup>
3141
- </select>
3142
- </li>
3143
2592
  <li>
3144
2593
  <a href="#">First Link</a>
3145
2594
  </li>
3146
- <li>
2595
+ <li class="active">
3147
2596
  <a href="#">Another Link</a>
3148
2597
  <ul class="nav navbar-nav navbar-persistent">
3149
2598
  <li class="dropdown-submenu">
@@ -3169,13 +2618,13 @@
3169
2618
  <li>
3170
2619
  <a href="#">Another Link</a>
3171
2620
  </li>
3172
- <li class="dropdown-submenu">
2621
+ <li class="dropdown-submenu active">
3173
2622
  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Something Else Here</a>
3174
2623
  <ul class="dropdown-menu">
3175
2624
  <li>
3176
2625
  <a href="#">Link</a>
3177
2626
  </li>
3178
- <li>
2627
+ <li class="active">
3179
2628
  <a href="#">Another link</a>
3180
2629
  </li>
3181
2630
  <li>
@@ -3233,6 +2682,9 @@
3233
2682
  </div>
3234
2683
  </nav>
3235
2684
  <hr>
2685
+ <h2>
2686
+ Persistent Secondary and Tertiary Menu and Context Selector
2687
+ </h2>
3236
2688
  <nav class="navbar navbar-default navbar-pf" role="navigation">
3237
2689
  <div class="navbar-header">
3238
2690
  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-16">
@@ -3315,7 +2767,7 @@
3315
2767
  <li>
3316
2768
  <a href="#">First Link</a>
3317
2769
  </li>
3318
- <li class="active">
2770
+ <li>
3319
2771
  <a href="#">Another Link</a>
3320
2772
  <ul class="nav navbar-nav navbar-persistent">
3321
2773
  <li class="dropdown-submenu">
@@ -3510,7 +2962,7 @@
3510
2962
  </li>
3511
2963
  </ul>
3512
2964
  </li>
3513
- <li class="active">
2965
+ <li>
3514
2966
  <a href="#">Another Link</a>
3515
2967
  </li>
3516
2968
  <li class="dropdown-submenu">
@@ -3682,10 +3134,10 @@
3682
3134
  </li>
3683
3135
  </ul>
3684
3136
  </li>
3685
- <li>
3137
+ <li class="active">
3686
3138
  <a href="#">Another Link</a>
3687
3139
  </li>
3688
- <li class="dropdown-submenu active">
3140
+ <li class="dropdown-submenu">
3689
3141
  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Something Else Here</a>
3690
3142
  <ul class="dropdown-menu">
3691
3143
  <li>
@@ -3863,7 +3315,7 @@
3863
3315
  <li>
3864
3316
  <a href="#">Link</a>
3865
3317
  </li>
3866
- <li class="active">
3318
+ <li>
3867
3319
  <a href="#">Another link</a>
3868
3320
  </li>
3869
3321
  <li>
@@ -3921,7 +3373,6 @@
3921
3373
  </div>
3922
3374
  </nav>
3923
3375
  <hr>
3924
- <h3>Deprecated Design</h3>
3925
3376
  <nav class="navbar navbar-default navbar-pf" role="navigation">
3926
3377
  <div class="navbar-header">
3927
3378
  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-16">
@@ -3987,29 +3438,19 @@
3987
3438
  </li>
3988
3439
  </ul>
3989
3440
  <ul class="nav navbar-nav navbar-primary persistent-secondary">
3990
- <li class="dropdown context">
3991
- <a href="#" class="dropdown-toggle" data-toggle="dropdown">
3992
- Context
3993
- <b class="caret"></b>
3994
- </a>
3995
- <ul class="dropdown-menu">
3996
- <li>
3997
- <a href="#">First Link</a>
3998
- </li>
3999
- <li>
4000
- <a href="#">Another link</a>
4001
- </li>
4002
- <li>
4003
- <a href="#">Something else here</a>
4004
- </li>
4005
- <li class="dropdown-header">Nav header</li>
4006
- <li>
4007
- <a href="#">Separated link</a>
4008
- </li>
4009
- <li>
4010
- <a href="#">One more separated link</a>
4011
- </li>
4012
- </ul>
3441
+ <li class="context context-bootstrap-select">
3442
+ <select class="selectpicker" data-live-search="true">
3443
+ <optgroup label="Context Label">
3444
+ <option>First Option</option>
3445
+ <option>Another Option</option>
3446
+ <option>And Another</option>
3447
+ <option>Fourth Option That Is a Lot Longer And Will Be Too Long At Small Resolutions</option>
3448
+ <option data-divider="true"></option>
3449
+ <option data-subtext="supplemental data">Fifth Option</option>
3450
+ <option disabled>Disabled Option</option>
3451
+ <option data-subtext="end">Final Option</option>
3452
+ </optgroup>
3453
+ </select>
4013
3454
  </li>
4014
3455
  <li>
4015
3456
  <a href="#">First Link</a>
@@ -4040,13 +3481,13 @@
4040
3481
  <li>
4041
3482
  <a href="#">Another Link</a>
4042
3483
  </li>
4043
- <li class="dropdown-submenu">
3484
+ <li class="dropdown-submenu active">
4044
3485
  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Something Else Here</a>
4045
3486
  <ul class="dropdown-menu">
4046
3487
  <li>
4047
3488
  <a href="#">Link</a>
4048
3489
  </li>
4049
- <li>
3490
+ <li class="active">
4050
3491
  <a href="#">Another link</a>
4051
3492
  </li>
4052
3493
  <li>
@@ -4103,6 +3544,7 @@
4103
3544
  </ul>
4104
3545
  </div>
4105
3546
  </nav>
3547
+ <hr>
4106
3548
  <h2>
4107
3549
  Persistent Secondary and Tertiary with Submenu Menu and Context Selector
4108
3550
  </h2>
@@ -5229,196 +4671,7 @@
5229
4671
  </ul>
5230
4672
  </div>
5231
4673
  </nav>
5232
- <hr>
5233
- <h3>Deprecated Design</h3>
5234
- <nav class="navbar navbar-default navbar-pf" role="navigation">
5235
- <div class="navbar-header">
5236
- <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-21">
5237
- <span class="sr-only">Toggle navigation</span>
5238
- <span class="icon-bar"></span>
5239
- <span class="icon-bar"></span>
5240
- <span class="icon-bar"></span>
5241
- </button>
5242
- <a class="navbar-brand" href="/">
5243
- <img src="../dist/img/brand.svg" alt="PatternFly Enterprise Application" />
5244
- </a>
5245
- </div>
5246
- <div class="collapse navbar-collapse navbar-collapse-21">
5247
- <ul class="nav navbar-nav navbar-utility">
5248
- <li>
5249
- <a href="#">Status</a>
5250
- </li>
5251
- <li class="dropdown">
5252
- <a href="#" class="dropdown-toggle" data-toggle="dropdown">
5253
- <span class="pficon pficon-user"></span>
5254
- Brian Johnson
5255
- <b class="caret"></b>
5256
- </a>
5257
- <ul class="dropdown-menu">
5258
- <li>
5259
- <a href="#">Link</a>
5260
- </li>
5261
- <li>
5262
- <a href="#">Another link</a>
5263
- </li>
5264
- <li>
5265
- <a href="#">Something else here</a>
5266
- </li>
5267
- <li class="divider"></li>
5268
- <li class="dropdown-submenu">
5269
- <a tabindex="-1" href="#">More options</a>
5270
- <ul class="dropdown-menu">
5271
- <li>
5272
- <a href="#">Link</a>
5273
- </li>
5274
- <li>
5275
- <a href="#">Another link</a>
5276
- </li>
5277
- <li>
5278
- <a href="#">Something else here</a>
5279
- </li>
5280
- <li class="divider"></li>
5281
- <li class="dropdown-header">Nav header</li>
5282
- <li>
5283
- <a href="#">Separated link</a>
5284
- </li>
5285
- <li class="divider"></li>
5286
- <li>
5287
- <a href="#">One more separated link</a>
5288
- </li>
5289
- </ul>
5290
- </li>
5291
- <li class="divider"></li>
5292
- <li>
5293
- <a href="#">One more separated link</a>
5294
- </li>
5295
- </ul>
5296
- </li>
5297
- </ul>
5298
- <ul class="nav navbar-nav navbar-primary persistent-secondary">
5299
- <li class="dropdown context">
5300
- <a href="#" class="dropdown-toggle" data-toggle="dropdown">
5301
- Context
5302
- <b class="caret"></b>
5303
- </a>
5304
- <ul class="dropdown-menu">
5305
- <li>
5306
- <a href="#">First Link</a>
5307
- </li>
5308
- <li>
5309
- <a href="#">Another link</a>
5310
- </li>
5311
- <li>
5312
- <a href="#">Something else here</a>
5313
- </li>
5314
- <li class="dropdown-header">Nav header</li>
5315
- <li>
5316
- <a href="#">Separated link</a>
5317
- </li>
5318
- <li>
5319
- <a href="#">One more separated link</a>
5320
- </li>
5321
- </ul>
5322
- </li>
5323
- <li>
5324
- <a href="#">First Link</a>
5325
- </li>
5326
- <li class="active">
5327
- <a href="#">Another Link</a>
5328
- <ul class="nav navbar-nav navbar-persistent">
5329
- <li class="dropdown-submenu">
5330
- <a href="#" class="dropdown-toggle" data-toggle="dropdown">Link</a>
5331
- <ul class="dropdown-menu">
5332
- <li>
5333
- <a href="#">Link</a>
5334
- </li>
5335
- <li>
5336
- <a href="#">Another link</a>
5337
- </li>
5338
- <li>
5339
- <a href="#">Something else here</a>
5340
- </li>
5341
- <li>
5342
- <a href="#">Remembering to keep</a>
5343
- </li>
5344
- <li>
5345
- <a href="#">It between five and seven</a>
5346
- </li>
5347
- </ul>
5348
- </li>
5349
- <li>
5350
- <a href="#">Another Link</a>
5351
- </li>
5352
- <li class="dropdown-submenu">
5353
- <a href="#" class="dropdown-toggle" data-toggle="dropdown">Something Else Here</a>
5354
- <ul class="dropdown-menu">
5355
- <li>
5356
- <a href="#">Link</a>
5357
- </li>
5358
- <li>
5359
- <a href="#">Another link</a>
5360
- </li>
5361
- <li>
5362
- <a href="#">Something else here</a>
5363
- </li>
5364
- <li>
5365
- <a href="#">Remembering to keep</a>
5366
- </li>
5367
- <li>
5368
- <a href="#">It between five and seven</a>
5369
- </li>
5370
- </ul>
5371
- </li>
5372
- <li>
5373
- <a href="#">Remembering to Keep</a>
5374
- </li>
5375
- <li>
5376
- <a href="#">It Between Five and Seven</a>
5377
- </li>
5378
- <li class="dropdown-submenu">
5379
- <a tabindex="-1" href="#" class="dropdown-toggle" data-toggle="dropdown">More options</a>
5380
- <ul class="dropdown-menu">
5381
- <li>
5382
- <a href="#">Link</a>
5383
- </li>
5384
- <li>
5385
- <a href="#">Another link</a>
5386
- </li>
5387
- <li>
5388
- <a href="#">Something else here</a>
5389
- </li>
5390
- <li>
5391
- <a href="#">Remembering to keep</a>
5392
- </li>
5393
- <li>
5394
- <a href="#">It between five and seven</a>
5395
- </li>
5396
- </ul>
5397
- </li>
5398
- </ul>
5399
- </li>
5400
- <li>
5401
- <a href="#">And Another</a>
5402
- </li>
5403
- <li>
5404
- <a href="#">As a General Rule</a>
5405
- </li>
5406
- <li>
5407
- <a href="#">Five to Seven Links</a>
5408
- </li>
5409
- <li>
5410
- <a href="#">Is Good</a>
5411
- </li>
5412
- </ul>
5413
- </div>
5414
- </nav>
5415
- <hr>
5416
- <script>
5417
- $( document ).ready(function() {
5418
- // Initialize Boostrap-select
5419
- $('.selectpicker').selectpicker();
5420
- });
5421
- </script>
4674
+
5422
4675
  </div><!-- /container -->
5423
4676
  </body>
5424
4677
  </html>