patternfly-sass 3.9.0 → 3.10.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 (111) hide show
  1. checksums.yaml +4 -4
  2. data/assets/fonts/patternfly/PatternFlyIcons-webfont.eot +0 -0
  3. data/assets/fonts/patternfly/PatternFlyIcons-webfont.svg +1 -0
  4. data/assets/fonts/patternfly/PatternFlyIcons-webfont.ttf +0 -0
  5. data/assets/fonts/patternfly/PatternFlyIcons-webfont.woff +0 -0
  6. data/assets/javascripts/patternfly.js +18 -19
  7. data/assets/javascripts/patternfly.min.js +2 -2
  8. data/assets/stylesheets/patternfly/_blank-slate.scss +4 -4
  9. data/assets/stylesheets/patternfly/_bootstrap-treeview.scss +20 -0
  10. data/assets/stylesheets/patternfly/_card-view.scss +2 -2
  11. data/assets/stylesheets/patternfly/_cards.scss +2 -4
  12. data/assets/stylesheets/patternfly/_charts.scss +1 -1
  13. data/assets/stylesheets/patternfly/_datatables.scss +1 -3
  14. data/assets/stylesheets/patternfly/_fonts.scss +30 -30
  15. data/assets/stylesheets/patternfly/_footer.scss +1 -1
  16. data/assets/stylesheets/patternfly/_forms.scss +1 -1
  17. data/assets/stylesheets/patternfly/_icons.scss +10 -7
  18. data/assets/stylesheets/patternfly/_infotip.scss +0 -4
  19. data/assets/stylesheets/patternfly/_layouts.scss +36 -11
  20. data/assets/stylesheets/patternfly/_list-group.scss +0 -16
  21. data/assets/stylesheets/patternfly/_list-view.scss +8 -13
  22. data/assets/stylesheets/patternfly/_login.scss +1 -1
  23. data/assets/stylesheets/patternfly/_mixin_overrides.scss +8 -6
  24. data/assets/stylesheets/patternfly/_mixins.scss +9 -7
  25. data/assets/stylesheets/patternfly/_nav-vertical-alt.scss +3 -3
  26. data/assets/stylesheets/patternfly/_navbar-alt.scss +4 -2
  27. data/assets/stylesheets/patternfly/_navbar-vertical.scss +2 -2
  28. data/assets/stylesheets/patternfly/_notifications-drawer.scss +1 -1
  29. data/assets/stylesheets/patternfly/_pager.scss +0 -4
  30. data/assets/stylesheets/patternfly/_progress-bars.scss +0 -7
  31. data/assets/stylesheets/patternfly/_search.scss +1 -2
  32. data/assets/stylesheets/patternfly/_sidebar.scss +1 -1
  33. data/assets/stylesheets/patternfly/_spinner.scss +1 -8
  34. data/assets/stylesheets/patternfly/_tables.scss +2 -2
  35. data/assets/stylesheets/patternfly/_time-picker.scss +1 -1
  36. data/assets/stylesheets/patternfly/_toast.scss +1 -1
  37. data/assets/stylesheets/patternfly/_toolbar.scss +30 -72
  38. data/assets/stylesheets/patternfly/_tooltip.scss +1 -1
  39. data/assets/stylesheets/patternfly/_variables.scss +9 -5
  40. data/assets/stylesheets/patternfly/_vertical-nav.scss +431 -269
  41. data/assets/stylesheets/patternfly/_wizard.scss +9 -11
  42. data/assets/stylesheets/patternfly/lib/bootstrap-touchspin.scss +1 -1
  43. data/bower.json +2 -2
  44. data/lib/patternfly-sass/version.rb +2 -2
  45. data/spec/html/about-modal.html +0 -1
  46. data/spec/html/accordions.html +0 -1
  47. data/spec/html/alerts.html +0 -1
  48. data/spec/html/area-charts.html +0 -1
  49. data/spec/html/badges.html +0 -1
  50. data/spec/html/bar-charts.html +0 -1
  51. data/spec/html/blank-slate.html +0 -1
  52. data/spec/html/bootstrap-combobox.html +0 -1
  53. data/spec/html/bootstrap-datepicker.html +0 -1
  54. data/spec/html/bootstrap-select.html +0 -1
  55. data/spec/html/bootstrap-switch.html +0 -2
  56. data/spec/html/bootstrap-touchspin.html +0 -1
  57. data/spec/html/bootstrap-treeview.html +157 -25
  58. data/spec/html/breadcrumbs.html +0 -1
  59. data/spec/html/buttons.html +0 -1
  60. data/spec/html/card-view-card-variations.html +10 -11
  61. data/spec/html/card-view-multi-select.html +97 -91
  62. data/spec/html/card-view-single-select.html +97 -91
  63. data/spec/html/code.html +0 -1
  64. data/spec/html/datatables-columns.html +0 -1
  65. data/spec/html/datatables.html +0 -1
  66. data/spec/html/dist/css/patternfly-additions.css +555 -383
  67. data/spec/html/dist/css/patternfly-additions.css.map +1 -1
  68. data/spec/html/dist/css/patternfly-additions.min.css +2 -3
  69. data/spec/html/dist/css/patternfly-additions.min.css.map +1 -1
  70. data/spec/html/dist/css/patternfly.css +27 -164
  71. data/spec/html/dist/css/patternfly.css.map +1 -1
  72. data/spec/html/dist/css/patternfly.min.css +3 -4
  73. data/spec/html/dist/css/patternfly.min.css.map +1 -1
  74. data/spec/html/donut-charts.html +0 -1
  75. data/spec/html/dropdowns.html +2 -3
  76. data/spec/html/forms.html +2 -3
  77. data/spec/html/icons.html +4 -1
  78. data/spec/html/index.html +3 -1
  79. data/spec/html/infotip.html +0 -1
  80. data/spec/html/labels.html +0 -1
  81. data/spec/html/line-charts.html +0 -1
  82. data/spec/html/list-group.html +0 -1
  83. data/spec/html/list-view-rows.html +2 -3
  84. data/spec/html/list-view.html +117 -104
  85. data/spec/html/modals.html +0 -1
  86. data/spec/html/navbar.html +0 -1
  87. data/spec/html/notification-drawer-horizontal-nav.html +84 -56
  88. data/spec/html/notification-drawer-vertical-nav.html +92 -58
  89. data/spec/html/pagination.html +0 -1
  90. data/spec/html/panels.html +0 -1
  91. data/spec/html/pie-charts.html +0 -1
  92. data/spec/html/popovers.html +0 -1
  93. data/spec/html/progress-bars.html +0 -1
  94. data/spec/html/search.html +10 -11
  95. data/spec/html/spinner.html +0 -1
  96. data/spec/html/tables.html +0 -1
  97. data/spec/html/tabs.html +0 -1
  98. data/spec/html/time-picker.html +0 -1
  99. data/spec/html/toast.html +0 -1
  100. data/spec/html/toolbar.html +98 -93
  101. data/spec/html/tooltip.html +0 -1
  102. data/spec/html/typography.html +0 -1
  103. data/spec/html/utilization-bar-charts.html +0 -1
  104. data/spec/html/vertical-navigation-primary-only.html +8 -2
  105. data/spec/html/vertical-navigation-with-badges.html +1128 -0
  106. data/spec/html/vertical-navigation-with-secondary.html +8 -2
  107. data/spec/html/vertical-navigation-with-tertiary-no-icons.html +9 -3
  108. data/spec/html/vertical-navigation-with-tertiary-pins.html +8 -2
  109. data/spec/html/wizard.html +1 -1
  110. data/tasks/converter.rb +22 -1
  111. metadata +4 -2
data/spec/html/modals.html CHANGED
@@ -29,7 +29,6 @@
29
29
  <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
30
30
  <script src="../../dist/js/patternfly.min.js"></script>
31
31
  </head>
32
- </div>
33
32
 
34
33
  <body>
35
34
  <div class="container">
data/spec/html/navbar.html CHANGED
@@ -30,7 +30,6 @@
30
30
  <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/bootstrap-select.min.js"></script>
31
31
  <script src="../../dist/js/patternfly.min.js"></script>
32
32
  </head>
33
- </div>
34
33
 
35
34
  <body>
36
35
  <div class="container">
data/spec/html/notification-drawer-horizontal-nav.html CHANGED
@@ -129,11 +129,12 @@
129
129
  <div id="fixedCollapseOne" class="panel-collapse collapse in">
130
130
  <div class="panel-body">
131
131
  <div class="drawer-pf-notification unread">
132
+
132
133
  <div class="dropdown pull-right dropdown-kebab-pf">
133
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
134
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight11" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
134
135
  <span class="fa fa-ellipsis-v"></span>
135
136
  </button>
136
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
137
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight11">
137
138
  <li><a href="#">Action</a></li>
138
139
  <li><a href="#">Another action</a></li>
139
140
  <li><a href="#">Something else here</a></li>
@@ -150,11 +151,12 @@
150
151
  </div>
151
152
  </div>
152
153
  <div class="drawer-pf-notification unread">
154
+
153
155
  <div class="dropdown pull-right dropdown-kebab-pf">
154
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
156
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight21" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
155
157
  <span class="fa fa-ellipsis-v"></span>
156
158
  </button>
157
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
159
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight21">
158
160
  <li><a href="#">Action</a></li>
159
161
  <li><a href="#">Another action</a></li>
160
162
  <li><a href="#">Something else here</a></li>
@@ -171,11 +173,12 @@
171
173
  </div>
172
174
  </div>
173
175
  <div class="drawer-pf-notification">
176
+
174
177
  <div class="dropdown pull-right dropdown-kebab-pf">
175
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
178
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight31" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
176
179
  <span class="fa fa-ellipsis-v"></span>
177
180
  </button>
178
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
181
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight31">
179
182
  <li><a href="#">Action</a></li>
180
183
  <li><a href="#">Another action</a></li>
181
184
  <li><a href="#">Something else here</a></li>
@@ -192,11 +195,12 @@
192
195
  </div>
193
196
  </div>
194
197
  <div class="drawer-pf-notification">
198
+
195
199
  <div class="dropdown pull-right dropdown-kebab-pf">
196
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
200
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight41" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
197
201
  <span class="fa fa-ellipsis-v"></span>
198
202
  </button>
199
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
203
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight41">
200
204
  <li><a href="#">Action</a></li>
201
205
  <li><a href="#">Another action</a></li>
202
206
  <li><a href="#">Something else here</a></li>
@@ -231,11 +235,12 @@
231
235
  <div id="fixedCollapseTwo" class="panel-collapse collapse">
232
236
  <div class="panel-body">
233
237
  <div class="drawer-pf-notification unread">
238
+
234
239
  <div class="dropdown pull-right dropdown-kebab-pf">
235
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
240
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight12" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
236
241
  <span class="fa fa-ellipsis-v"></span>
237
242
  </button>
238
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
243
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight12">
239
244
  <li><a href="#">Action</a></li>
240
245
  <li><a href="#">Another action</a></li>
241
246
  <li><a href="#">Something else here</a></li>
@@ -252,11 +257,12 @@
252
257
  </div>
253
258
  </div>
254
259
  <div class="drawer-pf-notification unread">
260
+
255
261
  <div class="dropdown pull-right dropdown-kebab-pf">
256
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
262
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight22" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
257
263
  <span class="fa fa-ellipsis-v"></span>
258
264
  </button>
259
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
265
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight22">
260
266
  <li><a href="#">Action</a></li>
261
267
  <li><a href="#">Another action</a></li>
262
268
  <li><a href="#">Something else here</a></li>
@@ -273,11 +279,12 @@
273
279
  </div>
274
280
  </div>
275
281
  <div class="drawer-pf-notification">
282
+
276
283
  <div class="dropdown pull-right dropdown-kebab-pf">
277
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
284
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight32" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
278
285
  <span class="fa fa-ellipsis-v"></span>
279
286
  </button>
280
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
287
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight32">
281
288
  <li><a href="#">Action</a></li>
282
289
  <li><a href="#">Another action</a></li>
283
290
  <li><a href="#">Something else here</a></li>
@@ -294,11 +301,12 @@
294
301
  </div>
295
302
  </div>
296
303
  <div class="drawer-pf-notification">
304
+
297
305
  <div class="dropdown pull-right dropdown-kebab-pf">
298
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
306
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight42" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
299
307
  <span class="fa fa-ellipsis-v"></span>
300
308
  </button>
301
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
309
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight42">
302
310
  <li><a href="#">Action</a></li>
303
311
  <li><a href="#">Another action</a></li>
304
312
  <li><a href="#">Something else here</a></li>
@@ -316,11 +324,12 @@
316
324
  </div>
317
325
 
318
326
  <div class="drawer-pf-notification unread">
327
+
319
328
  <div class="dropdown pull-right dropdown-kebab-pf">
320
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
329
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight13" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
321
330
  <span class="fa fa-ellipsis-v"></span>
322
331
  </button>
323
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
332
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight13">
324
333
  <li><a href="#">Action</a></li>
325
334
  <li><a href="#">Another action</a></li>
326
335
  <li><a href="#">Something else here</a></li>
@@ -337,11 +346,12 @@
337
346
  </div>
338
347
  </div>
339
348
  <div class="drawer-pf-notification unread">
349
+
340
350
  <div class="dropdown pull-right dropdown-kebab-pf">
341
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
351
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight23" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
342
352
  <span class="fa fa-ellipsis-v"></span>
343
353
  </button>
344
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
354
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight23">
345
355
  <li><a href="#">Action</a></li>
346
356
  <li><a href="#">Another action</a></li>
347
357
  <li><a href="#">Something else here</a></li>
@@ -358,11 +368,12 @@
358
368
  </div>
359
369
  </div>
360
370
  <div class="drawer-pf-notification">
371
+
361
372
  <div class="dropdown pull-right dropdown-kebab-pf">
362
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
373
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight33" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
363
374
  <span class="fa fa-ellipsis-v"></span>
364
375
  </button>
365
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
376
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight33">
366
377
  <li><a href="#">Action</a></li>
367
378
  <li><a href="#">Another action</a></li>
368
379
  <li><a href="#">Something else here</a></li>
@@ -379,11 +390,12 @@
379
390
  </div>
380
391
  </div>
381
392
  <div class="drawer-pf-notification">
393
+
382
394
  <div class="dropdown pull-right dropdown-kebab-pf">
383
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
395
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight43" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
384
396
  <span class="fa fa-ellipsis-v"></span>
385
397
  </button>
386
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
398
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight43">
387
399
  <li><a href="#">Action</a></li>
388
400
  <li><a href="#">Another action</a></li>
389
401
  <li><a href="#">Something else here</a></li>
@@ -401,11 +413,12 @@
401
413
  </div>
402
414
 
403
415
  <div class="drawer-pf-notification unread">
416
+
404
417
  <div class="dropdown pull-right dropdown-kebab-pf">
405
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
418
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight14" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
406
419
  <span class="fa fa-ellipsis-v"></span>
407
420
  </button>
408
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
421
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight14">
409
422
  <li><a href="#">Action</a></li>
410
423
  <li><a href="#">Another action</a></li>
411
424
  <li><a href="#">Something else here</a></li>
@@ -422,11 +435,12 @@
422
435
  </div>
423
436
  </div>
424
437
  <div class="drawer-pf-notification unread">
438
+
425
439
  <div class="dropdown pull-right dropdown-kebab-pf">
426
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
440
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight24" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
427
441
  <span class="fa fa-ellipsis-v"></span>
428
442
  </button>
429
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
443
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight24">
430
444
  <li><a href="#">Action</a></li>
431
445
  <li><a href="#">Another action</a></li>
432
446
  <li><a href="#">Something else here</a></li>
@@ -443,11 +457,12 @@
443
457
  </div>
444
458
  </div>
445
459
  <div class="drawer-pf-notification">
460
+
446
461
  <div class="dropdown pull-right dropdown-kebab-pf">
447
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
462
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight34" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
448
463
  <span class="fa fa-ellipsis-v"></span>
449
464
  </button>
450
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
465
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight34">
451
466
  <li><a href="#">Action</a></li>
452
467
  <li><a href="#">Another action</a></li>
453
468
  <li><a href="#">Something else here</a></li>
@@ -464,11 +479,12 @@
464
479
  </div>
465
480
  </div>
466
481
  <div class="drawer-pf-notification">
482
+
467
483
  <div class="dropdown pull-right dropdown-kebab-pf">
468
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
484
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight44" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
469
485
  <span class="fa fa-ellipsis-v"></span>
470
486
  </button>
471
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
487
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight44">
472
488
  <li><a href="#">Action</a></li>
473
489
  <li><a href="#">Another action</a></li>
474
490
  <li><a href="#">Something else here</a></li>
@@ -506,11 +522,12 @@
506
522
  <div id="fixedCollapseThree" class="panel-collapse collapse">
507
523
  <div class="panel-body">
508
524
  <div class="drawer-pf-notification unread">
525
+
509
526
  <div class="dropdown pull-right dropdown-kebab-pf">
510
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
527
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight15" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
511
528
  <span class="fa fa-ellipsis-v"></span>
512
529
  </button>
513
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
530
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight15">
514
531
  <li><a href="#">Action</a></li>
515
532
  <li><a href="#">Another action</a></li>
516
533
  <li><a href="#">Something else here</a></li>
@@ -527,11 +544,12 @@
527
544
  </div>
528
545
  </div>
529
546
  <div class="drawer-pf-notification unread">
547
+
530
548
  <div class="dropdown pull-right dropdown-kebab-pf">
531
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
549
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight25" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
532
550
  <span class="fa fa-ellipsis-v"></span>
533
551
  </button>
534
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
552
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight25">
535
553
  <li><a href="#">Action</a></li>
536
554
  <li><a href="#">Another action</a></li>
537
555
  <li><a href="#">Something else here</a></li>
@@ -548,11 +566,12 @@
548
566
  </div>
549
567
  </div>
550
568
  <div class="drawer-pf-notification">
569
+
551
570
  <div class="dropdown pull-right dropdown-kebab-pf">
552
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
571
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight35" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
553
572
  <span class="fa fa-ellipsis-v"></span>
554
573
  </button>
555
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
574
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight35">
556
575
  <li><a href="#">Action</a></li>
557
576
  <li><a href="#">Another action</a></li>
558
577
  <li><a href="#">Something else here</a></li>
@@ -569,11 +588,12 @@
569
588
  </div>
570
589
  </div>
571
590
  <div class="drawer-pf-notification">
591
+
572
592
  <div class="dropdown pull-right dropdown-kebab-pf">
573
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
593
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight45" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
574
594
  <span class="fa fa-ellipsis-v"></span>
575
595
  </button>
576
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
596
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight45">
577
597
  <li><a href="#">Action</a></li>
578
598
  <li><a href="#">Another action</a></li>
579
599
  <li><a href="#">Something else here</a></li>
@@ -591,11 +611,12 @@
591
611
  </div>
592
612
 
593
613
  <div class="drawer-pf-notification unread">
614
+
594
615
  <div class="dropdown pull-right dropdown-kebab-pf">
595
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
616
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight16" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
596
617
  <span class="fa fa-ellipsis-v"></span>
597
618
  </button>
598
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
619
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight16">
599
620
  <li><a href="#">Action</a></li>
600
621
  <li><a href="#">Another action</a></li>
601
622
  <li><a href="#">Something else here</a></li>
@@ -612,11 +633,12 @@
612
633
  </div>
613
634
  </div>
614
635
  <div class="drawer-pf-notification unread">
636
+
615
637
  <div class="dropdown pull-right dropdown-kebab-pf">
616
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
638
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight26" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
617
639
  <span class="fa fa-ellipsis-v"></span>
618
640
  </button>
619
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
641
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight26">
620
642
  <li><a href="#">Action</a></li>
621
643
  <li><a href="#">Another action</a></li>
622
644
  <li><a href="#">Something else here</a></li>
@@ -633,11 +655,12 @@
633
655
  </div>
634
656
  </div>
635
657
  <div class="drawer-pf-notification">
658
+
636
659
  <div class="dropdown pull-right dropdown-kebab-pf">
637
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
660
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight36" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
638
661
  <span class="fa fa-ellipsis-v"></span>
639
662
  </button>
640
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
663
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight36">
641
664
  <li><a href="#">Action</a></li>
642
665
  <li><a href="#">Another action</a></li>
643
666
  <li><a href="#">Something else here</a></li>
@@ -654,11 +677,12 @@
654
677
  </div>
655
678
  </div>
656
679
  <div class="drawer-pf-notification">
680
+
657
681
  <div class="dropdown pull-right dropdown-kebab-pf">
658
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
682
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight46" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
659
683
  <span class="fa fa-ellipsis-v"></span>
660
684
  </button>
661
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
685
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight46">
662
686
  <li><a href="#">Action</a></li>
663
687
  <li><a href="#">Another action</a></li>
664
688
  <li><a href="#">Something else here</a></li>
@@ -676,11 +700,12 @@
676
700
  </div>
677
701
 
678
702
  <div class="drawer-pf-notification unread">
703
+
679
704
  <div class="dropdown pull-right dropdown-kebab-pf">
680
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
705
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight17" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
681
706
  <span class="fa fa-ellipsis-v"></span>
682
707
  </button>
683
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
708
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight17">
684
709
  <li><a href="#">Action</a></li>
685
710
  <li><a href="#">Another action</a></li>
686
711
  <li><a href="#">Something else here</a></li>
@@ -697,11 +722,12 @@
697
722
  </div>
698
723
  </div>
699
724
  <div class="drawer-pf-notification unread">
725
+
700
726
  <div class="dropdown pull-right dropdown-kebab-pf">
701
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
727
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight27" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
702
728
  <span class="fa fa-ellipsis-v"></span>
703
729
  </button>
704
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
730
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight27">
705
731
  <li><a href="#">Action</a></li>
706
732
  <li><a href="#">Another action</a></li>
707
733
  <li><a href="#">Something else here</a></li>
@@ -718,11 +744,12 @@
718
744
  </div>
719
745
  </div>
720
746
  <div class="drawer-pf-notification">
747
+
721
748
  <div class="dropdown pull-right dropdown-kebab-pf">
722
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
749
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight37" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
723
750
  <span class="fa fa-ellipsis-v"></span>
724
751
  </button>
725
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
752
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight37">
726
753
  <li><a href="#">Action</a></li>
727
754
  <li><a href="#">Another action</a></li>
728
755
  <li><a href="#">Something else here</a></li>
@@ -739,11 +766,12 @@
739
766
  </div>
740
767
  </div>
741
768
  <div class="drawer-pf-notification">
769
+
742
770
  <div class="dropdown pull-right dropdown-kebab-pf">
743
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
771
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight47" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
744
772
  <span class="fa fa-ellipsis-v"></span>
745
773
  </button>
746
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
774
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight47">
747
775
  <li><a href="#">Action</a></li>
748
776
  <li><a href="#">Another action</a></li>
749
777
  <li><a href="#">Something else here</a></li>
data/spec/html/notification-drawer-vertical-nav.html CHANGED
@@ -105,11 +105,12 @@
105
105
  <div id="fixedCollapseOne" class="panel-collapse collapse in">
106
106
  <div class="panel-body">
107
107
  <div class="drawer-pf-notification unread">
108
+
108
109
  <div class="dropdown pull-right dropdown-kebab-pf">
109
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
110
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight11" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
110
111
  <span class="fa fa-ellipsis-v"></span>
111
112
  </button>
112
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
113
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight11">
113
114
  <li><a href="#">Action</a></li>
114
115
  <li><a href="#">Another action</a></li>
115
116
  <li><a href="#">Something else here</a></li>
@@ -126,11 +127,12 @@
126
127
  </div>
127
128
  </div>
128
129
  <div class="drawer-pf-notification unread">
130
+
129
131
  <div class="dropdown pull-right dropdown-kebab-pf">
130
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
132
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight21" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
131
133
  <span class="fa fa-ellipsis-v"></span>
132
134
  </button>
133
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
135
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight21">
134
136
  <li><a href="#">Action</a></li>
135
137
  <li><a href="#">Another action</a></li>
136
138
  <li><a href="#">Something else here</a></li>
@@ -147,11 +149,12 @@
147
149
  </div>
148
150
  </div>
149
151
  <div class="drawer-pf-notification">
152
+
150
153
  <div class="dropdown pull-right dropdown-kebab-pf">
151
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
154
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight31" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
152
155
  <span class="fa fa-ellipsis-v"></span>
153
156
  </button>
154
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
157
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight31">
155
158
  <li><a href="#">Action</a></li>
156
159
  <li><a href="#">Another action</a></li>
157
160
  <li><a href="#">Something else here</a></li>
@@ -168,11 +171,12 @@
168
171
  </div>
169
172
  </div>
170
173
  <div class="drawer-pf-notification">
174
+
171
175
  <div class="dropdown pull-right dropdown-kebab-pf">
172
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
176
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight41" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
173
177
  <span class="fa fa-ellipsis-v"></span>
174
178
  </button>
175
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
179
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight41">
176
180
  <li><a href="#">Action</a></li>
177
181
  <li><a href="#">Another action</a></li>
178
182
  <li><a href="#">Something else here</a></li>
@@ -207,11 +211,12 @@
207
211
  <div id="fixedCollapseTwo" class="panel-collapse collapse">
208
212
  <div class="panel-body">
209
213
  <div class="drawer-pf-notification unread">
214
+
210
215
  <div class="dropdown pull-right dropdown-kebab-pf">
211
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
216
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight12" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
212
217
  <span class="fa fa-ellipsis-v"></span>
213
218
  </button>
214
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
219
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight12">
215
220
  <li><a href="#">Action</a></li>
216
221
  <li><a href="#">Another action</a></li>
217
222
  <li><a href="#">Something else here</a></li>
@@ -228,11 +233,12 @@
228
233
  </div>
229
234
  </div>
230
235
  <div class="drawer-pf-notification unread">
236
+
231
237
  <div class="dropdown pull-right dropdown-kebab-pf">
232
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
238
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight22" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
233
239
  <span class="fa fa-ellipsis-v"></span>
234
240
  </button>
235
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
241
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight22">
236
242
  <li><a href="#">Action</a></li>
237
243
  <li><a href="#">Another action</a></li>
238
244
  <li><a href="#">Something else here</a></li>
@@ -249,11 +255,12 @@
249
255
  </div>
250
256
  </div>
251
257
  <div class="drawer-pf-notification">
258
+
252
259
  <div class="dropdown pull-right dropdown-kebab-pf">
253
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
260
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight32" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
254
261
  <span class="fa fa-ellipsis-v"></span>
255
262
  </button>
256
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
263
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight32">
257
264
  <li><a href="#">Action</a></li>
258
265
  <li><a href="#">Another action</a></li>
259
266
  <li><a href="#">Something else here</a></li>
@@ -270,11 +277,12 @@
270
277
  </div>
271
278
  </div>
272
279
  <div class="drawer-pf-notification">
280
+
273
281
  <div class="dropdown pull-right dropdown-kebab-pf">
274
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
282
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight42" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
275
283
  <span class="fa fa-ellipsis-v"></span>
276
284
  </button>
277
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
285
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight42">
278
286
  <li><a href="#">Action</a></li>
279
287
  <li><a href="#">Another action</a></li>
280
288
  <li><a href="#">Something else here</a></li>
@@ -292,11 +300,12 @@
292
300
  </div>
293
301
 
294
302
  <div class="drawer-pf-notification unread">
303
+
295
304
  <div class="dropdown pull-right dropdown-kebab-pf">
296
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
305
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight13" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
297
306
  <span class="fa fa-ellipsis-v"></span>
298
307
  </button>
299
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
308
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight13">
300
309
  <li><a href="#">Action</a></li>
301
310
  <li><a href="#">Another action</a></li>
302
311
  <li><a href="#">Something else here</a></li>
@@ -313,11 +322,12 @@
313
322
  </div>
314
323
  </div>
315
324
  <div class="drawer-pf-notification unread">
325
+
316
326
  <div class="dropdown pull-right dropdown-kebab-pf">
317
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
327
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight23" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
318
328
  <span class="fa fa-ellipsis-v"></span>
319
329
  </button>
320
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
330
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight23">
321
331
  <li><a href="#">Action</a></li>
322
332
  <li><a href="#">Another action</a></li>
323
333
  <li><a href="#">Something else here</a></li>
@@ -334,11 +344,12 @@
334
344
  </div>
335
345
  </div>
336
346
  <div class="drawer-pf-notification">
347
+
337
348
  <div class="dropdown pull-right dropdown-kebab-pf">
338
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
349
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight33" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
339
350
  <span class="fa fa-ellipsis-v"></span>
340
351
  </button>
341
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
352
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight33">
342
353
  <li><a href="#">Action</a></li>
343
354
  <li><a href="#">Another action</a></li>
344
355
  <li><a href="#">Something else here</a></li>
@@ -355,11 +366,12 @@
355
366
  </div>
356
367
  </div>
357
368
  <div class="drawer-pf-notification">
369
+
358
370
  <div class="dropdown pull-right dropdown-kebab-pf">
359
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
371
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight43" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
360
372
  <span class="fa fa-ellipsis-v"></span>
361
373
  </button>
362
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
374
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight43">
363
375
  <li><a href="#">Action</a></li>
364
376
  <li><a href="#">Another action</a></li>
365
377
  <li><a href="#">Something else here</a></li>
@@ -377,11 +389,12 @@
377
389
  </div>
378
390
 
379
391
  <div class="drawer-pf-notification unread">
392
+
380
393
  <div class="dropdown pull-right dropdown-kebab-pf">
381
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
394
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight14" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
382
395
  <span class="fa fa-ellipsis-v"></span>
383
396
  </button>
384
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
397
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight14">
385
398
  <li><a href="#">Action</a></li>
386
399
  <li><a href="#">Another action</a></li>
387
400
  <li><a href="#">Something else here</a></li>
@@ -398,11 +411,12 @@
398
411
  </div>
399
412
  </div>
400
413
  <div class="drawer-pf-notification unread">
414
+
401
415
  <div class="dropdown pull-right dropdown-kebab-pf">
402
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
416
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight24" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
403
417
  <span class="fa fa-ellipsis-v"></span>
404
418
  </button>
405
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
419
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight24">
406
420
  <li><a href="#">Action</a></li>
407
421
  <li><a href="#">Another action</a></li>
408
422
  <li><a href="#">Something else here</a></li>
@@ -419,11 +433,12 @@
419
433
  </div>
420
434
  </div>
421
435
  <div class="drawer-pf-notification">
436
+
422
437
  <div class="dropdown pull-right dropdown-kebab-pf">
423
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
438
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight34" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
424
439
  <span class="fa fa-ellipsis-v"></span>
425
440
  </button>
426
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
441
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight34">
427
442
  <li><a href="#">Action</a></li>
428
443
  <li><a href="#">Another action</a></li>
429
444
  <li><a href="#">Something else here</a></li>
@@ -440,11 +455,12 @@
440
455
  </div>
441
456
  </div>
442
457
  <div class="drawer-pf-notification">
458
+
443
459
  <div class="dropdown pull-right dropdown-kebab-pf">
444
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
460
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight44" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
445
461
  <span class="fa fa-ellipsis-v"></span>
446
462
  </button>
447
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
463
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight44">
448
464
  <li><a href="#">Action</a></li>
449
465
  <li><a href="#">Another action</a></li>
450
466
  <li><a href="#">Something else here</a></li>
@@ -482,11 +498,12 @@
482
498
  <div id="fixedCollapseThree" class="panel-collapse collapse">
483
499
  <div class="panel-body">
484
500
  <div class="drawer-pf-notification unread">
501
+
485
502
  <div class="dropdown pull-right dropdown-kebab-pf">
486
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
503
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight15" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
487
504
  <span class="fa fa-ellipsis-v"></span>
488
505
  </button>
489
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
506
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight15">
490
507
  <li><a href="#">Action</a></li>
491
508
  <li><a href="#">Another action</a></li>
492
509
  <li><a href="#">Something else here</a></li>
@@ -503,11 +520,12 @@
503
520
  </div>
504
521
  </div>
505
522
  <div class="drawer-pf-notification unread">
523
+
506
524
  <div class="dropdown pull-right dropdown-kebab-pf">
507
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
525
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight25" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
508
526
  <span class="fa fa-ellipsis-v"></span>
509
527
  </button>
510
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
528
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight25">
511
529
  <li><a href="#">Action</a></li>
512
530
  <li><a href="#">Another action</a></li>
513
531
  <li><a href="#">Something else here</a></li>
@@ -524,11 +542,12 @@
524
542
  </div>
525
543
  </div>
526
544
  <div class="drawer-pf-notification">
545
+
527
546
  <div class="dropdown pull-right dropdown-kebab-pf">
528
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
547
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight35" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
529
548
  <span class="fa fa-ellipsis-v"></span>
530
549
  </button>
531
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
550
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight35">
532
551
  <li><a href="#">Action</a></li>
533
552
  <li><a href="#">Another action</a></li>
534
553
  <li><a href="#">Something else here</a></li>
@@ -545,11 +564,12 @@
545
564
  </div>
546
565
  </div>
547
566
  <div class="drawer-pf-notification">
567
+
548
568
  <div class="dropdown pull-right dropdown-kebab-pf">
549
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
569
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight45" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
550
570
  <span class="fa fa-ellipsis-v"></span>
551
571
  </button>
552
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
572
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight45">
553
573
  <li><a href="#">Action</a></li>
554
574
  <li><a href="#">Another action</a></li>
555
575
  <li><a href="#">Something else here</a></li>
@@ -567,11 +587,12 @@
567
587
  </div>
568
588
 
569
589
  <div class="drawer-pf-notification unread">
590
+
570
591
  <div class="dropdown pull-right dropdown-kebab-pf">
571
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
592
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight16" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
572
593
  <span class="fa fa-ellipsis-v"></span>
573
594
  </button>
574
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
595
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight16">
575
596
  <li><a href="#">Action</a></li>
576
597
  <li><a href="#">Another action</a></li>
577
598
  <li><a href="#">Something else here</a></li>
@@ -588,11 +609,12 @@
588
609
  </div>
589
610
  </div>
590
611
  <div class="drawer-pf-notification unread">
612
+
591
613
  <div class="dropdown pull-right dropdown-kebab-pf">
592
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
614
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight26" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
593
615
  <span class="fa fa-ellipsis-v"></span>
594
616
  </button>
595
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
617
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight26">
596
618
  <li><a href="#">Action</a></li>
597
619
  <li><a href="#">Another action</a></li>
598
620
  <li><a href="#">Something else here</a></li>
@@ -609,11 +631,12 @@
609
631
  </div>
610
632
  </div>
611
633
  <div class="drawer-pf-notification">
634
+
612
635
  <div class="dropdown pull-right dropdown-kebab-pf">
613
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
636
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight36" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
614
637
  <span class="fa fa-ellipsis-v"></span>
615
638
  </button>
616
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
639
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight36">
617
640
  <li><a href="#">Action</a></li>
618
641
  <li><a href="#">Another action</a></li>
619
642
  <li><a href="#">Something else here</a></li>
@@ -630,11 +653,12 @@
630
653
  </div>
631
654
  </div>
632
655
  <div class="drawer-pf-notification">
656
+
633
657
  <div class="dropdown pull-right dropdown-kebab-pf">
634
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
658
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight46" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
635
659
  <span class="fa fa-ellipsis-v"></span>
636
660
  </button>
637
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
661
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight46">
638
662
  <li><a href="#">Action</a></li>
639
663
  <li><a href="#">Another action</a></li>
640
664
  <li><a href="#">Something else here</a></li>
@@ -652,11 +676,12 @@
652
676
  </div>
653
677
 
654
678
  <div class="drawer-pf-notification unread">
679
+
655
680
  <div class="dropdown pull-right dropdown-kebab-pf">
656
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
681
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight17" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
657
682
  <span class="fa fa-ellipsis-v"></span>
658
683
  </button>
659
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
684
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight17">
660
685
  <li><a href="#">Action</a></li>
661
686
  <li><a href="#">Another action</a></li>
662
687
  <li><a href="#">Something else here</a></li>
@@ -673,11 +698,12 @@
673
698
  </div>
674
699
  </div>
675
700
  <div class="drawer-pf-notification unread">
701
+
676
702
  <div class="dropdown pull-right dropdown-kebab-pf">
677
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
703
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight27" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
678
704
  <span class="fa fa-ellipsis-v"></span>
679
705
  </button>
680
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
706
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight27">
681
707
  <li><a href="#">Action</a></li>
682
708
  <li><a href="#">Another action</a></li>
683
709
  <li><a href="#">Something else here</a></li>
@@ -694,11 +720,12 @@
694
720
  </div>
695
721
  </div>
696
722
  <div class="drawer-pf-notification">
723
+
697
724
  <div class="dropdown pull-right dropdown-kebab-pf">
698
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
725
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight37" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
699
726
  <span class="fa fa-ellipsis-v"></span>
700
727
  </button>
701
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
728
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight37">
702
729
  <li><a href="#">Action</a></li>
703
730
  <li><a href="#">Another action</a></li>
704
731
  <li><a href="#">Something else here</a></li>
@@ -715,11 +742,12 @@
715
742
  </div>
716
743
  </div>
717
744
  <div class="drawer-pf-notification">
745
+
718
746
  <div class="dropdown pull-right dropdown-kebab-pf">
719
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
747
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight47" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
720
748
  <span class="fa fa-ellipsis-v"></span>
721
749
  </button>
722
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
750
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight47">
723
751
  <li><a href="#">Action</a></li>
724
752
  <li><a href="#">Another action</a></li>
725
753
  <li><a href="#">Something else here</a></li>
@@ -799,6 +827,7 @@
799
827
  nav-pf-vertical-with-sub-menus hide-nav-pf
800
828
 
801
829
 
830
+
802
831
  ">
803
832
  <ul class="list-group">
804
833
  <li class="list-group-item">
@@ -811,6 +840,7 @@
811
840
  <a>
812
841
  <span class="fa fa-shield" data-toggle="tooltip" title="Dolor"></span>
813
842
  <span class="list-group-item-value">Dolor</span>
843
+
814
844
  </a>
815
845
  </li>
816
846
  <li class="list-group-item active secondary-nav-item-pf" data-target="#ipsum-secondary">
@@ -908,8 +938,12 @@
908
938
  </li>
909
939
  </ul>
910
940
  </div>
911
- <div class="container-fluid container-cards-pf container-pf-nav-pf-vertical container-pf-nav-pf-vertical-with-sub-menus ">
912
- <div class="row row-cards-pf">
941
+ <div class="container-fluid container-cards-pf container-pf-nav-pf-vertical
942
+
943
+
944
+ ">
945
+
946
+ <div class="row row-cards-pf">
913
947
  <!-- Important: if you need to nest additional .row within a .row.row-cards-pf, do *not* use .row-cards-pf on the nested .row -->
914
948
  <div class="col-xs-12 col-sm-6 col-md-3">
915
949
  <div class="card-pf card-pf-accented card-pf-aggregate-status">