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/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>