patternfly-sass 3.8.1 → 3.9.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (97) hide show
  1. checksums.yaml +4 -4
  2. data/.travis.yml +1 -1
  3. data/assets/fonts/patternfly/PatternFlyIcons-webfont.eot +0 -0
  4. data/assets/fonts/patternfly/PatternFlyIcons-webfont.svg +1 -0
  5. data/assets/fonts/patternfly/PatternFlyIcons-webfont.ttf +0 -0
  6. data/assets/fonts/patternfly/PatternFlyIcons-webfont.woff +0 -0
  7. data/assets/images/patternfly/logo-alt.svg +18 -18
  8. data/assets/images/patternfly/logo.svg +22 -22
  9. data/assets/javascripts/patternfly.js +1 -1
  10. data/assets/javascripts/patternfly.min.js +1 -1
  11. data/assets/stylesheets/_patternfly.scss +1 -0
  12. data/assets/stylesheets/patternfly/_card-view.scss +106 -0
  13. data/assets/stylesheets/patternfly/_cards.scss +5 -1
  14. data/assets/stylesheets/patternfly/_icons.scss +3 -1
  15. data/assets/stylesheets/patternfly/_layouts.scss +7 -0
  16. data/assets/stylesheets/patternfly/_list-group.scss +16 -0
  17. data/assets/stylesheets/patternfly/_notifications-drawer.scss +34 -2
  18. data/assets/stylesheets/patternfly/_toast.scss +21 -3
  19. data/assets/stylesheets/patternfly/_toolbar.scss +3 -1
  20. data/assets/stylesheets/patternfly/_variables.scss +2 -0
  21. data/assets/stylesheets/patternfly/lib/bootstrap-select.scss +7 -7
  22. data/bower.json +3 -2
  23. data/lib/patternfly-sass/version.rb +2 -2
  24. data/spec/html/about-modal.html +1 -0
  25. data/spec/html/accordions.html +1 -0
  26. data/spec/html/alerts.html +1 -0
  27. data/spec/html/area-charts.html +1 -0
  28. data/spec/html/badges.html +1 -0
  29. data/spec/html/bar-charts.html +1 -0
  30. data/spec/html/basic.html +14 -6
  31. data/spec/html/blank-slate.html +1 -0
  32. data/spec/html/bootstrap-combobox.html +1 -0
  33. data/spec/html/bootstrap-datepicker.html +2 -1
  34. data/spec/html/bootstrap-select.html +1 -0
  35. data/spec/html/bootstrap-switch.html +1 -0
  36. data/spec/html/bootstrap-touchspin.html +1 -0
  37. data/spec/html/bootstrap-treeview-2.html +14 -6
  38. data/spec/html/bootstrap-treeview.html +1 -0
  39. data/spec/html/breadcrumbs.html +1 -0
  40. data/spec/html/buttons.html +1 -0
  41. data/spec/html/card-view-card-variations.html +201 -0
  42. data/spec/html/card-view-multi-select.html +689 -0
  43. data/spec/html/card-view-single-select.html +439 -0
  44. data/spec/html/cards.html +14 -6
  45. data/spec/html/code.html +1 -0
  46. data/spec/html/dashboard.html +14 -6
  47. data/spec/html/datatables-columns.html +1 -0
  48. data/spec/html/datatables.html +1 -0
  49. data/spec/html/dist/css/patternfly-additions.css +197 -6
  50. data/spec/html/dist/css/patternfly-additions.css.map +1 -1
  51. data/spec/html/dist/css/patternfly-additions.min.css +1 -1
  52. data/spec/html/dist/css/patternfly-additions.min.css.map +1 -1
  53. data/spec/html/dist/css/patternfly.css +13 -0
  54. data/spec/html/dist/css/patternfly.css.map +1 -1
  55. data/spec/html/dist/css/patternfly.min.css +2 -2
  56. data/spec/html/dist/css/patternfly.min.css.map +1 -1
  57. data/spec/html/donut-charts.html +1 -0
  58. data/spec/html/dropdowns.html +1 -0
  59. data/spec/html/form.html +14 -6
  60. data/spec/html/forms.html +1 -0
  61. data/spec/html/horizontal-navigation.html +10 -8
  62. data/spec/html/icons.html +5 -0
  63. data/spec/html/index.html +10 -0
  64. data/spec/html/infotip.html +1 -0
  65. data/spec/html/labels.html +1 -0
  66. data/spec/html/line-charts.html +1 -0
  67. data/spec/html/list-group.html +1 -0
  68. data/spec/html/list-view-rows.html +1 -0
  69. data/spec/html/list-view.html +8 -6
  70. data/spec/html/login.html +8 -6
  71. data/spec/html/modals.html +1 -0
  72. data/spec/html/navbar.html +1 -0
  73. data/spec/html/notification-drawer-horizontal-nav.html +25 -8
  74. data/spec/html/notification-drawer-vertical-nav.html +23 -6
  75. data/spec/html/pagination.html +1 -0
  76. data/spec/html/panels.html +1 -0
  77. data/spec/html/pie-charts.html +1 -0
  78. data/spec/html/popovers.html +1 -0
  79. data/spec/html/progress-bars.html +1 -0
  80. data/spec/html/search.html +1 -0
  81. data/spec/html/spinner.html +1 -0
  82. data/spec/html/tab.html +14 -6
  83. data/spec/html/tables.html +1 -0
  84. data/spec/html/tabs.html +1 -0
  85. data/spec/html/time-picker.html +1 -0
  86. data/spec/html/toast.html +26 -77
  87. data/spec/html/toolbar.html +1 -0
  88. data/spec/html/tooltip.html +1 -0
  89. data/spec/html/typography-2.html +14 -6
  90. data/spec/html/typography.html +1 -0
  91. data/spec/html/utilization-bar-charts.html +1 -0
  92. data/spec/html/vertical-navigation-primary-only.html +8 -6
  93. data/spec/html/vertical-navigation-with-secondary.html +8 -6
  94. data/spec/html/vertical-navigation-with-tertiary-no-icons.html +8 -6
  95. data/spec/html/vertical-navigation-with-tertiary-pins.html +8 -6
  96. data/spec/html/wizard.html +1 -0
  97. metadata +9 -2
@@ -0,0 +1,439 @@
1
+ <!DOCTYPE html>
2
+ <!--[if IE 9]><html lang="en-us" class="ie9"><![endif]-->
3
+ <!--[if gt IE 9]><!-->
4
+ <html lang="en-us">
5
+ <!--<![endif]-->
6
+ <head>
7
+ <title>Card View - Single Select - PatternFly</title>
8
+ <meta charset="UTF-8">
9
+ <meta http-equiv="X-UA-Compatible" content="IE=Edge">
10
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
11
+ <link rel="shortcut icon" href="../../dist/img/favicon.ico">
12
+ <!-- iPad retina icon -->
13
+ <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../../dist/img/apple-touch-icon-precomposed-152.png">
14
+ <!-- iPad retina icon (iOS < 7) -->
15
+ <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../dist/img/apple-touch-icon-precomposed-144.png">
16
+ <!-- iPad non-retina icon -->
17
+ <link rel="apple-touch-icon-precomposed" sizes="76x76" href="../../dist/img/apple-touch-icon-precomposed-76.png">
18
+ <!-- iPad non-retina icon (iOS < 7) -->
19
+ <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../dist/img/apple-touch-icon-precomposed-72.png">
20
+ <!-- iPhone 6 Plus icon -->
21
+ <link rel="apple-touch-icon-precomposed" sizes="120x120" href="../../dist/img/apple-touch-icon-precomposed-180.png">
22
+ <!-- iPhone retina icon (iOS < 7) -->
23
+ <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../dist/img/apple-touch-icon-precomposed-114.png">
24
+ <!-- iPhone non-retina icon (iOS < 7) -->
25
+ <link rel="apple-touch-icon-precomposed" sizes="57x57" href="../../dist/img/apple-touch-icon-precomposed-57.png">
26
+ <link rel="stylesheet" href="../../dist/css/patternfly.min.css" >
27
+ <link rel="stylesheet" href="../../dist/css/patternfly-additions.min.css" >
28
+ <script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
29
+ <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
30
+ <script src="//cdnjs.cloudflare.com/ajax/libs/jquery.matchHeight/0.7.0/jquery.matchHeight-min.js"></script>
31
+ <script src="../../dist/js/patternfly.min.js"></script>
32
+ </head>
33
+ <div class="toast-notifications-list-pf">
34
+ <div class="toast-pf alert alert-warning alert-dismissable">
35
+ <button type="button" class="close" data-dismiss="alert" aria-hidden="true">
36
+ <span class="pficon pficon-close"></span>
37
+ </button>
38
+ <span class="pficon pficon-warning-triangle-o"></span>
39
+ These examples are included for development testing purposes. For official documentation, see <a href="https://www.patternfly.org" class="alert-link">https://www.patternfly.org</a> and <a href="http://getbootstrap.com" class="alert-link">http://getbootstrap.com</a>.
40
+ </div>
41
+ </div>
42
+
43
+ <div class="toast-pf toast-pf-max-width toast-pf-top-right alert alert-success alert-dismissable">
44
+ <button type="button" class="close" data-dismiss="alert" aria-hidden="true">
45
+ <span class="pficon pficon-close"></span>
46
+ </button>
47
+ <div class="pull-right toast-pf-action">
48
+ <a href="#">Start Server</a>
49
+ </div>
50
+ <span class="pficon pficon-ok"></span>
51
+ <strong>server_abc</strong> has been added to main server group.
52
+ </div>
53
+
54
+ <body class="cards-pf">
55
+ <nav class="navbar navbar-default navbar-pf" role="navigation">
56
+ <div class="navbar-header">
57
+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-1">
58
+ <span class="sr-only">Toggle navigation</span>
59
+ <span class="icon-bar"></span>
60
+ <span class="icon-bar"></span>
61
+ <span class="icon-bar"></span>
62
+ </button>
63
+ <a class="navbar-brand" href="/">
64
+ <img src="../../dist/img/brand.svg" alt="PatternFly Enterprise Application" />
65
+ </a>
66
+ </div>
67
+ <div class="collapse navbar-collapse navbar-collapse-1">
68
+ <ul class="nav navbar-nav navbar-utility">
69
+ <li>
70
+ <a href="#">Status</a>
71
+ </li>
72
+ <li class="dropdown">
73
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
74
+ <span class="pficon pficon-user"></span>
75
+ Brian Johnson <b class="caret"></b>
76
+ </a>
77
+ <ul class="dropdown-menu">
78
+ <li>
79
+ <a href="#">Link</a>
80
+ </li>
81
+ <li>
82
+ <a href="#">Another link</a>
83
+ </li>
84
+ <li>
85
+ <a href="#">Something else here</a>
86
+ </li>
87
+ <li class="divider"></li>
88
+ <li class="dropdown-submenu">
89
+ <a tabindex="-1" href="#">More options</a>
90
+ <ul class="dropdown-menu">
91
+ <li>
92
+ <a href="#">Link</a>
93
+ </li>
94
+ <li>
95
+ <a href="#">Another link</a>
96
+ </li>
97
+ <li>
98
+ <a href="#">Something else here</a>
99
+ </li>
100
+ <li class="divider"></li>
101
+ <li class="dropdown-header">Nav header</li>
102
+ <li>
103
+ <a href="#">Separated link</a>
104
+ </li>
105
+ <li class="divider"></li>
106
+ <li>
107
+ <a href="#">One more separated link</a>
108
+ </li>
109
+ </ul>
110
+ </li>
111
+ <li class="divider"></li>
112
+ <li>
113
+ <a href="#">One more separated link</a>
114
+ </li>
115
+ </ul>
116
+ </li>
117
+ </ul>
118
+ <ul class="nav navbar-nav navbar-primary">
119
+ <li>
120
+ <a href="#">First Link</a>
121
+ </li>
122
+ <li>
123
+ <a href="#">Another Link</a>
124
+ </li>
125
+ <li>
126
+ <a href="#">And Another</a>
127
+ </li>
128
+ <li>
129
+ <a href="#">As a General Rule</a>
130
+ </li>
131
+ <li>
132
+ <a href="#">Five to Seven Links</a>
133
+ </li>
134
+ <li>
135
+ <a href="#">Is Good</a>
136
+ </li>
137
+ </ul>
138
+ </div>
139
+ </nav>
140
+
141
+ <div class="container-fluid">
142
+ <div class="row toolbar-pf">
143
+ <div class="col-sm-12">
144
+ <form class="toolbar-pf-actions">
145
+ <div class="form-group toolbar-pf-filter">
146
+ <label class="sr-only" for="filter">Name</label>
147
+ <div class="input-group">
148
+ <div class="input-group-btn">
149
+ <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Name <span class="caret"></span></button>
150
+ <ul class="dropdown-menu">
151
+ <li><a href="#">Action</a></li>
152
+ <li><a href="#">Another action</a></li>
153
+ <li><a href="#">Something else here</a></li>
154
+ <li role="separator" class="divider"></li>
155
+ <li><a href="#">Separated link</a></li>
156
+ </ul>
157
+ </div><!-- /btn-group -->
158
+ <input type="text" class="form-control" id="filter" placeholder="Filter By Name...">
159
+ </div><!-- /input-group -->
160
+ </div>
161
+ <div class="form-group">
162
+ <div class="dropdown btn-group">
163
+ <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Name <span class="caret"></span></button>
164
+ <ul class="dropdown-menu">
165
+ <li><a href="#">Action</a></li>
166
+ <li><a href="#">Another action</a></li>
167
+ <li><a href="#">Something else here</a></li>
168
+ <li role="separator" class="divider"></li>
169
+ <li><a href="#">Separated link</a></li>
170
+ </ul>
171
+ </div>
172
+ <button class="btn btn-link" type="button">
173
+ <span class="fa fa-sort-alpha-asc"></span>
174
+ </button>
175
+ </div>
176
+ <div class="form-group">
177
+ <button class="btn btn-default" type="button">Action</button>
178
+ <button class="btn btn-default" type="button">Action</button>
179
+ <div class="dropdown btn-group dropdown-kebab-pf">
180
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebab" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
181
+ <span class="fa fa-ellipsis-v"></span>
182
+ </button>
183
+ <ul class="dropdown-menu " aria-labelledby="dropdownKebab">
184
+ <li><a href="#">Action</a></li>
185
+ <li><a href="#">Another action</a></li>
186
+ <li><a href="#">Something else here</a></li>
187
+ <li role="separator" class="divider"></li>
188
+ <li><a href="#">Separated link</a></li>
189
+ </ul>
190
+ </div>
191
+
192
+ </div>
193
+ <div class="toolbar-pf-action-right">
194
+ <div class="form-group toolbar-pf-find">
195
+ <button class="btn btn-link btn-find" type="button">
196
+ <span class="fa fa-search"></span>
197
+ </button>
198
+ <div class="find-pf-dropdown-container">
199
+ <input type="text" class="form-control" id="find" placeholder="Find By Keyword...">
200
+ <div class="find-pf-buttons">
201
+ <span class="find-pf-nums">1 of 3</span>
202
+ <button class="btn btn-link" type="button">
203
+ <span class="fa fa-angle-up"></span>
204
+ </button>
205
+ <button class="btn btn-link" type="button">
206
+ <span class="fa fa-angle-down"></span>
207
+ </button>
208
+ <button class="btn btn-link btn-find-close" type="button">
209
+ <span class="pficon pficon-close"></span>
210
+ </button>
211
+ </div>
212
+ </div>
213
+ </div>
214
+ <div class="form-group toolbar-pf-view-selector">
215
+ <ul class="list-inline">
216
+ <li><a href="#"><i class="fa fa-th"></i></a></li>
217
+ <li class="active"><a href="#"><i class="fa fa-th-large"></i></a></li>
218
+ <li><a href="#"><i class="fa fa-th-list"></i></a></li>
219
+ </ul>
220
+ </div>
221
+ </div>
222
+ </form>
223
+ <div class="row toolbar-pf-results">
224
+ <div class="col-sm-12">
225
+ <h5>40 Results</h5>
226
+ <p>Active filters:</p>
227
+ <ul class="list-inline">
228
+ <li>
229
+ <span class="label label-info">
230
+ Name: nameofthething
231
+ <a href="#"><span class="pficon pficon-close"></span></a>
232
+ </span>
233
+ </li>
234
+ <li>
235
+ <span class="label label-info">
236
+ Name: nameofthething
237
+ <a href="#"><span class="pficon pficon-close"></span></a>
238
+ </span>
239
+ </li>
240
+ <li>
241
+ <span class="label label-info">
242
+ Name: nameofthething
243
+ <a href="#"><span class="pficon pficon-close"></span></a>
244
+ </span>
245
+ </li>
246
+ </ul>
247
+ <p><a href="#">Clear All Filters</a></p>
248
+ </div><!-- /col -->
249
+ </div><!-- /row -->
250
+ </div><!-- /col -->
251
+ </div><!-- /row -->
252
+ </div><!-- /container -->
253
+ <script>
254
+ (function($) {
255
+ $(document).ready(function() {
256
+ // Upon clicking the find button, show the find dropdown content
257
+ $(".btn-find").click(function () {
258
+ $(".find-pf-dropdown-container").toggle();
259
+ });
260
+ // Upon clicking the find close button, hide the find dropdown content
261
+ $(".btn-find-close").click(function () {
262
+ $(".find-pf-dropdown-container").hide();
263
+ });
264
+
265
+ });
266
+ })(jQuery);
267
+ </script>
268
+
269
+ <div class="container-fluid container-cards-pf">
270
+ <div class="row row-cards-pf">
271
+ <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
272
+ <div class="card-pf card-pf-view card-pf-view-select card-pf-view-single-select">
273
+ <div class="card-pf-body">
274
+ <div class="card-pf-top-element">
275
+ <span class="fa fa-birthday-cake card-pf-icon-circle"></span>
276
+ </div>
277
+ <h2 class="card-pf-title text-center">
278
+ Cake Service
279
+ </h2>
280
+ <div class="card-pf-items text-center">
281
+ <div class="card-pf-item">
282
+ <span class="pficon pficon-screen"></span>
283
+ <span class="card-pf-item-text">8</span>
284
+ </div>
285
+ <div class="card-pf-item">
286
+ <span class="fa fa-check"></span>
287
+ </div>
288
+ </div>
289
+ <p class="card-pf-info text-center"><strong>Created On</strong> 2015-03-01 02:00 AM <br/> Never Expires</p>
290
+ </div>
291
+ <div class="card-pf-view-checkbox">
292
+ <input type="checkbox">
293
+ </div>
294
+ </div>
295
+ </div>
296
+ <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
297
+ <div class="card-pf card-pf-view card-pf-view-select card-pf-view-single-select">
298
+ <div class="card-pf-body">
299
+ <div class="card-pf-top-element">
300
+ <span class="fa fa-birthday-cake card-pf-icon-circle"></span>
301
+ </div>
302
+ <h2 class="card-pf-title text-center">
303
+ Cake Service
304
+ </h2>
305
+ <div class="card-pf-items text-center">
306
+ <div class="card-pf-item">
307
+ <span class="pficon pficon-screen"></span>
308
+ <span class="card-pf-item-text">8</span>
309
+ </div>
310
+ <div class="card-pf-item">
311
+ <span class="fa fa-check"></span>
312
+ </div>
313
+ </div>
314
+ <p class="card-pf-info text-center"><strong>Created On</strong> 2015-03-01 02:00 AM <br/> Never Expires</p>
315
+ </div>
316
+ <div class="card-pf-view-checkbox">
317
+ <input type="checkbox">
318
+ </div>
319
+ </div>
320
+ </div>
321
+ <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
322
+ <div class="card-pf card-pf-view card-pf-view-select card-pf-view-single-select">
323
+ <div class="card-pf-body">
324
+ <div class="card-pf-top-element">
325
+ <span class="fa fa-birthday-cake card-pf-icon-circle"></span>
326
+ </div>
327
+ <h2 class="card-pf-title text-center">
328
+ Cake Service
329
+ </h2>
330
+ <div class="card-pf-items text-center">
331
+ <div class="card-pf-item">
332
+ <span class="pficon pficon-screen"></span>
333
+ <span class="card-pf-item-text">8</span>
334
+ </div>
335
+ <div class="card-pf-item">
336
+ <span class="fa fa-check"></span>
337
+ </div>
338
+ </div>
339
+ <p class="card-pf-info text-center"><strong>Created On</strong> 2015-03-01 02:00 AM <br/> Never Expires</p>
340
+ </div>
341
+ <div class="card-pf-view-checkbox">
342
+ <input type="checkbox">
343
+ </div>
344
+ </div>
345
+ </div>
346
+ <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
347
+ <div class="card-pf card-pf-view card-pf-view-select card-pf-view-single-select">
348
+ <div class="card-pf-body">
349
+ <div class="card-pf-top-element">
350
+ <span class="fa fa-birthday-cake card-pf-icon-circle"></span>
351
+ </div>
352
+ <h2 class="card-pf-title text-center">
353
+ Cake Service
354
+ </h2>
355
+ <div class="card-pf-items text-center">
356
+ <div class="card-pf-item">
357
+ <span class="pficon pficon-screen"></span>
358
+ <span class="card-pf-item-text">8</span>
359
+ </div>
360
+ <div class="card-pf-item">
361
+ <span class="fa fa-check"></span>
362
+ </div>
363
+ </div>
364
+ <p class="card-pf-info text-center"><strong>Created On</strong> 2015-03-01 02:00 AM <br/> Never Expires</p>
365
+ </div>
366
+ <div class="card-pf-view-checkbox">
367
+ <input type="checkbox">
368
+ </div>
369
+ </div>
370
+ </div>
371
+ <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
372
+ <div class="card-pf card-pf-view card-pf-view-select card-pf-view-single-select">
373
+ <div class="card-pf-body">
374
+ <div class="card-pf-top-element">
375
+ <span class="fa fa-birthday-cake card-pf-icon-circle"></span>
376
+ </div>
377
+ <h2 class="card-pf-title text-center">
378
+ Cake Service
379
+ </h2>
380
+ <div class="card-pf-items text-center">
381
+ <div class="card-pf-item">
382
+ <span class="pficon pficon-screen"></span>
383
+ <span class="card-pf-item-text">8</span>
384
+ </div>
385
+ <div class="card-pf-item">
386
+ <span class="fa fa-check"></span>
387
+ </div>
388
+ </div>
389
+ <p class="card-pf-info text-center"><strong>Created On</strong> 2015-03-01 02:00 AM <br/> Never Expires</p>
390
+ </div>
391
+ <div class="card-pf-view-checkbox">
392
+ <input type="checkbox">
393
+ </div>
394
+ </div>
395
+ </div>
396
+ <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
397
+ <div class="card-pf card-pf-view card-pf-view-select card-pf-view-single-select">
398
+ <div class="card-pf-body">
399
+ <div class="card-pf-top-element">
400
+ <span class="fa fa-birthday-cake card-pf-icon-circle"></span>
401
+ </div>
402
+ <h2 class="card-pf-title text-center">
403
+ Cake Service
404
+ </h2>
405
+ <div class="card-pf-items text-center">
406
+ <div class="card-pf-item">
407
+ <span class="pficon pficon-screen"></span>
408
+ <span class="card-pf-item-text">8</span>
409
+ </div>
410
+ <div class="card-pf-item">
411
+ <span class="fa fa-check"></span>
412
+ </div>
413
+ </div>
414
+ <p class="card-pf-info text-center"><strong>Created On</strong> 2015-03-01 02:00 AM <br/> Never Expires</p>
415
+ </div>
416
+ <div class="card-pf-view-checkbox">
417
+ <input type="checkbox">
418
+ </div>
419
+ </div>
420
+ </div>
421
+ </div>
422
+ </div>
423
+ <script>
424
+ $(function() {
425
+ // matchHeight the contents of each .card-pf and then the .card-pf itself
426
+ $(".row-cards-pf > [class*='col'] > .card-pf > .card-pf-body").matchHeight();
427
+ });
428
+ $(document).ready(function() {
429
+ // Card Single Select
430
+ $('.card-pf-view-single-select').click(function() {
431
+ if ($(this).hasClass('active'))
432
+ { $(this).removeClass('active'); }
433
+ else
434
+ { $('.card-pf-view-single-select').removeClass('active'); $(this).addClass('active'); }
435
+ });
436
+ });
437
+ </script>
438
+ </body>
439
+ </html>
data/spec/html/cards.html CHANGED
@@ -32,12 +32,14 @@
32
32
  <script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js"></script>
33
33
  <script src="../../dist/js/patternfly.min.js"></script>
34
34
  </head>
35
- <div class="toast-pf toast-pf-max-width toast-pf-top-right alert alert-warning alert-dismissable">
36
- <button type="button" class="close" data-dismiss="alert" aria-hidden="true">
37
- <span class="pficon pficon-close"></span>
38
- </button>
39
- <span class="pficon pficon-warning-triangle-o"></span>
40
- These examples are included for development testing purposes. For official documentation, see <a href="https://www.patternfly.org" class="alert-link">https://www.patternfly.org</a> and <a href="http://getbootstrap.com" class="alert-link">http://getbootstrap.com</a>.
35
+ <div class="toast-notifications-list-pf">
36
+ <div class="toast-pf alert alert-warning alert-dismissable">
37
+ <button type="button" class="close" data-dismiss="alert" aria-hidden="true">
38
+ <span class="pficon pficon-close"></span>
39
+ </button>
40
+ <span class="pficon pficon-warning-triangle-o"></span>
41
+ These examples are included for development testing purposes. For official documentation, see <a href="https://www.patternfly.org" class="alert-link">https://www.patternfly.org</a> and <a href="http://getbootstrap.com" class="alert-link">http://getbootstrap.com</a>.
42
+ </div>
41
43
  </div>
42
44
 
43
45
  <div class="toast-pf toast-pf-max-width toast-pf-top-right alert alert-success alert-dismissable">
@@ -134,6 +136,12 @@
134
136
  <li>
135
137
  <a href="typography-2.html">Typography</a>
136
138
  </li>
139
+ <li>
140
+ <a href="card-view-multi-select.html">Card View - Multi Select</a>
141
+ </li>
142
+ <li>
143
+ <a href="card-view-single-select.html">Card View - Single Select</a>
144
+ </li>
137
145
  <li class="active">
138
146
  <a href="cards.html" class="active">Cards</a>
139
147
  </li>