patternfly-sass 3.9.0 → 3.10.0

Sign up to get free protection for your applications and to get access to all the features.
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">