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.
- checksums.yaml +4 -4
- data/assets/fonts/patternfly/PatternFlyIcons-webfont.eot +0 -0
- data/assets/fonts/patternfly/PatternFlyIcons-webfont.svg +1 -0
- data/assets/fonts/patternfly/PatternFlyIcons-webfont.ttf +0 -0
- data/assets/fonts/patternfly/PatternFlyIcons-webfont.woff +0 -0
- data/assets/javascripts/patternfly.js +18 -19
- data/assets/javascripts/patternfly.min.js +2 -2
- data/assets/stylesheets/patternfly/_blank-slate.scss +4 -4
- data/assets/stylesheets/patternfly/_bootstrap-treeview.scss +20 -0
- data/assets/stylesheets/patternfly/_card-view.scss +2 -2
- data/assets/stylesheets/patternfly/_cards.scss +2 -4
- data/assets/stylesheets/patternfly/_charts.scss +1 -1
- data/assets/stylesheets/patternfly/_datatables.scss +1 -3
- data/assets/stylesheets/patternfly/_fonts.scss +30 -30
- data/assets/stylesheets/patternfly/_footer.scss +1 -1
- data/assets/stylesheets/patternfly/_forms.scss +1 -1
- data/assets/stylesheets/patternfly/_icons.scss +10 -7
- data/assets/stylesheets/patternfly/_infotip.scss +0 -4
- data/assets/stylesheets/patternfly/_layouts.scss +36 -11
- data/assets/stylesheets/patternfly/_list-group.scss +0 -16
- data/assets/stylesheets/patternfly/_list-view.scss +8 -13
- data/assets/stylesheets/patternfly/_login.scss +1 -1
- data/assets/stylesheets/patternfly/_mixin_overrides.scss +8 -6
- data/assets/stylesheets/patternfly/_mixins.scss +9 -7
- data/assets/stylesheets/patternfly/_nav-vertical-alt.scss +3 -3
- data/assets/stylesheets/patternfly/_navbar-alt.scss +4 -2
- data/assets/stylesheets/patternfly/_navbar-vertical.scss +2 -2
- data/assets/stylesheets/patternfly/_notifications-drawer.scss +1 -1
- data/assets/stylesheets/patternfly/_pager.scss +0 -4
- data/assets/stylesheets/patternfly/_progress-bars.scss +0 -7
- data/assets/stylesheets/patternfly/_search.scss +1 -2
- data/assets/stylesheets/patternfly/_sidebar.scss +1 -1
- data/assets/stylesheets/patternfly/_spinner.scss +1 -8
- data/assets/stylesheets/patternfly/_tables.scss +2 -2
- data/assets/stylesheets/patternfly/_time-picker.scss +1 -1
- data/assets/stylesheets/patternfly/_toast.scss +1 -1
- data/assets/stylesheets/patternfly/_toolbar.scss +30 -72
- data/assets/stylesheets/patternfly/_tooltip.scss +1 -1
- data/assets/stylesheets/patternfly/_variables.scss +9 -5
- data/assets/stylesheets/patternfly/_vertical-nav.scss +431 -269
- data/assets/stylesheets/patternfly/_wizard.scss +9 -11
- data/assets/stylesheets/patternfly/lib/bootstrap-touchspin.scss +1 -1
- data/bower.json +2 -2
- data/lib/patternfly-sass/version.rb +2 -2
- data/spec/html/about-modal.html +0 -1
- data/spec/html/accordions.html +0 -1
- data/spec/html/alerts.html +0 -1
- data/spec/html/area-charts.html +0 -1
- data/spec/html/badges.html +0 -1
- data/spec/html/bar-charts.html +0 -1
- data/spec/html/blank-slate.html +0 -1
- data/spec/html/bootstrap-combobox.html +0 -1
- data/spec/html/bootstrap-datepicker.html +0 -1
- data/spec/html/bootstrap-select.html +0 -1
- data/spec/html/bootstrap-switch.html +0 -2
- data/spec/html/bootstrap-touchspin.html +0 -1
- data/spec/html/bootstrap-treeview.html +157 -25
- data/spec/html/breadcrumbs.html +0 -1
- data/spec/html/buttons.html +0 -1
- data/spec/html/card-view-card-variations.html +10 -11
- data/spec/html/card-view-multi-select.html +97 -91
- data/spec/html/card-view-single-select.html +97 -91
- data/spec/html/code.html +0 -1
- data/spec/html/datatables-columns.html +0 -1
- data/spec/html/datatables.html +0 -1
- data/spec/html/dist/css/patternfly-additions.css +555 -383
- data/spec/html/dist/css/patternfly-additions.css.map +1 -1
- data/spec/html/dist/css/patternfly-additions.min.css +2 -3
- data/spec/html/dist/css/patternfly-additions.min.css.map +1 -1
- data/spec/html/dist/css/patternfly.css +27 -164
- data/spec/html/dist/css/patternfly.css.map +1 -1
- data/spec/html/dist/css/patternfly.min.css +3 -4
- data/spec/html/dist/css/patternfly.min.css.map +1 -1
- data/spec/html/donut-charts.html +0 -1
- data/spec/html/dropdowns.html +2 -3
- data/spec/html/forms.html +2 -3
- data/spec/html/icons.html +4 -1
- data/spec/html/index.html +3 -1
- data/spec/html/infotip.html +0 -1
- data/spec/html/labels.html +0 -1
- data/spec/html/line-charts.html +0 -1
- data/spec/html/list-group.html +0 -1
- data/spec/html/list-view-rows.html +2 -3
- data/spec/html/list-view.html +117 -104
- data/spec/html/modals.html +0 -1
- data/spec/html/navbar.html +0 -1
- data/spec/html/notification-drawer-horizontal-nav.html +84 -56
- data/spec/html/notification-drawer-vertical-nav.html +92 -58
- data/spec/html/pagination.html +0 -1
- data/spec/html/panels.html +0 -1
- data/spec/html/pie-charts.html +0 -1
- data/spec/html/popovers.html +0 -1
- data/spec/html/progress-bars.html +0 -1
- data/spec/html/search.html +10 -11
- data/spec/html/spinner.html +0 -1
- data/spec/html/tables.html +0 -1
- data/spec/html/tabs.html +0 -1
- data/spec/html/time-picker.html +0 -1
- data/spec/html/toast.html +0 -1
- data/spec/html/toolbar.html +98 -93
- data/spec/html/tooltip.html +0 -1
- data/spec/html/typography.html +0 -1
- data/spec/html/utilization-bar-charts.html +0 -1
- data/spec/html/vertical-navigation-primary-only.html +8 -2
- data/spec/html/vertical-navigation-with-badges.html +1128 -0
- data/spec/html/vertical-navigation-with-secondary.html +8 -2
- data/spec/html/vertical-navigation-with-tertiary-no-icons.html +9 -3
- data/spec/html/vertical-navigation-with-tertiary-pins.html +8 -2
- data/spec/html/wizard.html +1 -1
- data/tasks/converter.rb +22 -1
- metadata +4 -2
@@ -103,17 +103,17 @@
|
|
103
103
|
}
|
104
104
|
.wizard-pf-steps-indicator {
|
105
105
|
font-size: ceil(($font-size-base * 1.3333));
|
106
|
-
display:inline-block;
|
107
|
-
display:
|
108
|
-
|
106
|
+
display: inline-block;
|
107
|
+
@supports(display: flex) {
|
108
|
+
display: flex;
|
109
|
+
}
|
109
110
|
height: 120px;
|
110
111
|
justify-content: space-around;
|
111
112
|
list-style: none;
|
112
|
-
padding: 38px 0 0
|
113
|
+
padding: 38px 0 0;
|
113
114
|
li {
|
114
115
|
counter-increment: section;
|
115
116
|
float:left; /* float for IE9 since it doesn't support flex. If items wrap, they overlap */
|
116
|
-
-ms-flex: 1; /* for IE 10 */
|
117
117
|
flex-grow: 1;
|
118
118
|
flex-basis: 0;
|
119
119
|
line-height: 15px;
|
@@ -124,7 +124,7 @@
|
|
124
124
|
/* draw the line between the circles */
|
125
125
|
&:before {
|
126
126
|
background-color: $color-pf-black-400;
|
127
|
-
content:
|
127
|
+
content: "";
|
128
128
|
height: 2px;
|
129
129
|
left: 0;
|
130
130
|
position: absolute;
|
@@ -226,7 +226,7 @@
|
|
226
226
|
padding-left: 30px;
|
227
227
|
padding-right: 5px;
|
228
228
|
text-decoration: none;
|
229
|
-
transition:
|
229
|
+
transition: 250ms;
|
230
230
|
&:before {
|
231
231
|
content: "\f107";
|
232
232
|
display: block;
|
@@ -263,7 +263,7 @@
|
|
263
263
|
padding-left: 30px;
|
264
264
|
padding-right: 5px;
|
265
265
|
text-decoration: none;
|
266
|
-
transition:
|
266
|
+
transition: 250ms;
|
267
267
|
&:before {
|
268
268
|
content: "\f107";
|
269
269
|
display: block;
|
@@ -301,7 +301,7 @@
|
|
301
301
|
margin: 5px 0;
|
302
302
|
padding-right: 10px;
|
303
303
|
&:first-of-type {
|
304
|
-
margin-top: 0
|
304
|
+
margin-top: 0;
|
305
305
|
}
|
306
306
|
&:last-of-type {
|
307
307
|
margin-bottom: 0;
|
@@ -310,8 +310,6 @@
|
|
310
310
|
margin-left: 10px;
|
311
311
|
}
|
312
312
|
}
|
313
|
-
.wizard-pf-review-item-value {
|
314
|
-
}
|
315
313
|
}
|
316
314
|
}
|
317
315
|
|
data/bower.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "patternfly-sass",
|
3
|
-
"version": "3.
|
3
|
+
"version": "3.10.0",
|
4
4
|
"license": "Apache-2.0",
|
5
5
|
"homepage": "https://www.patternfly.org",
|
6
6
|
"authors": [
|
@@ -45,6 +45,6 @@
|
|
45
45
|
"matchHeight": "~0.7.0",
|
46
46
|
"eonasdan-bootstrap-datetimepicker": "~4.17.37",
|
47
47
|
"moment": "~2.14.1",
|
48
|
-
"patternfly-bootstrap-treeview": "~
|
48
|
+
"patternfly-bootstrap-treeview": "~2.0.0"
|
49
49
|
}
|
50
50
|
}
|
data/spec/html/about-modal.html
CHANGED
data/spec/html/accordions.html
CHANGED
data/spec/html/alerts.html
CHANGED
data/spec/html/area-charts.html
CHANGED
data/spec/html/badges.html
CHANGED
data/spec/html/bar-charts.html
CHANGED
data/spec/html/blank-slate.html
CHANGED
@@ -31,7 +31,6 @@
|
|
31
31
|
<script src="bootstrap-switch.js"></script>
|
32
32
|
<script src="../../dist/js/patternfly.min.js"></script>
|
33
33
|
</head>
|
34
|
-
</div>
|
35
34
|
|
36
35
|
<body>
|
37
36
|
<div class="container">
|
@@ -257,7 +256,6 @@
|
|
257
256
|
</div>
|
258
257
|
</div>
|
259
258
|
</div>
|
260
|
-
</div>
|
261
259
|
<script>
|
262
260
|
// Initialize Boostrap Switch
|
263
261
|
|
@@ -27,10 +27,9 @@
|
|
27
27
|
<link rel="stylesheet" href="../../dist/css/patternfly-additions.min.css" >
|
28
28
|
<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
|
29
29
|
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
|
30
|
-
<script src="//rawgit.com/patternfly/patternfly-bootstrap-treeview/
|
30
|
+
<script src="//rawgit.com/patternfly/patternfly-bootstrap-treeview/patternfly/dist/bootstrap-treeview.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">
|
@@ -76,16 +75,45 @@
|
|
76
75
|
<div id="treeview6"></div>
|
77
76
|
</div><!--/col-->
|
78
77
|
<div class="col-sm-4">
|
79
|
-
<h2
|
80
|
-
<div id="
|
78
|
+
<h2>Checkboxes</h2>
|
79
|
+
<div id="treeview7"></div>
|
81
80
|
</div><!--/col-->
|
82
81
|
<div class="col-sm-4">
|
83
|
-
<h2
|
84
|
-
<div id="
|
82
|
+
<h2>Hierarchal Checks</h2>
|
83
|
+
<div id="treeview8"></div>
|
84
|
+
</div><!--/col-->
|
85
|
+
</div><!--/row-->
|
86
|
+
<div class="row">
|
87
|
+
<div class="col-sm-4">
|
88
|
+
<h2>Highlight Select</h2>
|
89
|
+
<div id="treeview9"></div>
|
90
|
+
</div><!--/col-->
|
91
|
+
<div class="col-sm-4">
|
92
|
+
<h2>Lazy Load</h2>
|
93
|
+
<div id="treeview10"></div>
|
94
|
+
</div><!--/col-->
|
95
|
+
<div class="col-sm-4">
|
96
|
+
<h2>Prevent Unselection</h2>
|
97
|
+
<div id="treeview11"></div>
|
98
|
+
</div><!--/col-->
|
99
|
+
</div>
|
100
|
+
<div class="row">
|
101
|
+
<div class="col-sm-4">
|
102
|
+
<h2>Disabled Nodes</h2>
|
103
|
+
<div id="treeview12"></div>
|
85
104
|
</div><!--/col-->
|
86
105
|
</div><!--/row-->
|
87
106
|
<script>
|
88
107
|
$(function() {
|
108
|
+
//icon options
|
109
|
+
var collapseIcon = "fa fa-angle-down",
|
110
|
+
expandIcon = "fa fa-angle-right",
|
111
|
+
nodeIcon = "fa fa-folder",
|
112
|
+
checkedIcon = "fa fa-check-square-o",
|
113
|
+
uncheckedIcon = "fa fa-square-o",
|
114
|
+
partiallyCheckedIcon = "fa fa-check-square",
|
115
|
+
loadingIcon = "glyphicon glyphicon-hourglass";
|
116
|
+
|
89
117
|
var defaultData = [
|
90
118
|
{
|
91
119
|
text: 'Parent 1',
|
@@ -95,7 +123,6 @@
|
|
95
123
|
{
|
96
124
|
text: 'Child 1',
|
97
125
|
href: '#child1',
|
98
|
-
icon: 'fa fa-file-o',
|
99
126
|
tags: ['2'],
|
100
127
|
nodes: [
|
101
128
|
{
|
@@ -144,19 +171,24 @@
|
|
144
171
|
var json = '[' +
|
145
172
|
'{' +
|
146
173
|
'"text": "Parent 1",' +
|
174
|
+
'"lazyLoad": true,' +
|
147
175
|
'"nodes": [' +
|
148
176
|
'{' +
|
149
177
|
'"text": "Child 1",' +
|
178
|
+
'"lazyLoad": true,' +
|
150
179
|
'"nodes": [' +
|
151
180
|
'{' +
|
181
|
+
'"icon": "fa fa-file-o",' +
|
152
182
|
'"text": "Grandchild 1"' +
|
153
183
|
'},' +
|
154
184
|
'{' +
|
185
|
+
'"icon": "fa fa-file-o",' +
|
155
186
|
'"text": "Grandchild 2"' +
|
156
187
|
'}' +
|
157
188
|
']' +
|
158
189
|
'},' +
|
159
190
|
'{' +
|
191
|
+
'"icon": "fa fa-file-o",' +
|
160
192
|
'"text": "Child 2"' +
|
161
193
|
'}' +
|
162
194
|
']' +
|
@@ -174,61 +206,161 @@
|
|
174
206
|
'"text": "Parent 5"' +
|
175
207
|
'}' +
|
176
208
|
']';
|
209
|
+
|
210
|
+
//Default
|
177
211
|
$('#treeview1').treeview({
|
178
|
-
collapseIcon:
|
212
|
+
collapseIcon: collapseIcon,
|
179
213
|
data: defaultData,
|
180
|
-
expandIcon:
|
181
|
-
nodeIcon:
|
214
|
+
expandIcon: expandIcon,
|
215
|
+
nodeIcon: nodeIcon,
|
182
216
|
showBorder: false
|
183
217
|
});
|
184
218
|
|
219
|
+
//Collapsed
|
185
220
|
$('#treeview2').treeview({
|
186
|
-
collapseIcon:
|
221
|
+
collapseIcon: collapseIcon,
|
187
222
|
data: defaultData,
|
188
|
-
expandIcon:
|
223
|
+
expandIcon: expandIcon,
|
189
224
|
levels: 1,
|
190
|
-
nodeIcon:
|
225
|
+
nodeIcon: nodeIcon,
|
191
226
|
showBorder: false
|
192
227
|
});
|
193
228
|
|
229
|
+
//Expanded
|
194
230
|
$('#treeview3').treeview({
|
195
|
-
collapseIcon:
|
231
|
+
collapseIcon: collapseIcon,
|
196
232
|
data: defaultData,
|
197
|
-
expandIcon:
|
233
|
+
expandIcon: expandIcon,
|
198
234
|
levels: 99,
|
199
|
-
nodeIcon:
|
235
|
+
nodeIcon: nodeIcon,
|
200
236
|
showBorder: false
|
201
237
|
});
|
202
238
|
|
239
|
+
//Link Enabled
|
203
240
|
$('#treeview4').treeview({
|
204
|
-
collapseIcon:
|
241
|
+
collapseIcon: collapseIcon,
|
205
242
|
data: defaultData,
|
206
243
|
enableLinks: true,
|
207
|
-
expandIcon:
|
244
|
+
expandIcon: expandIcon,
|
208
245
|
levels: 99,
|
209
|
-
nodeIcon:
|
246
|
+
nodeIcon: nodeIcon,
|
210
247
|
showBorder: false
|
211
248
|
});
|
212
249
|
|
250
|
+
//Events
|
213
251
|
$('#treeview5').treeview({
|
214
|
-
collapseIcon:
|
252
|
+
collapseIcon: collapseIcon,
|
215
253
|
data: defaultData,
|
216
|
-
expandIcon:
|
254
|
+
expandIcon: expandIcon,
|
217
255
|
levels: 99,
|
218
|
-
nodeIcon:
|
256
|
+
nodeIcon: nodeIcon,
|
219
257
|
showBorder: false,
|
220
258
|
onNodeSelected: function(event, node) {
|
221
259
|
$('#event_output').prepend('<p>You clicked ' + node.text + '</p>');
|
222
260
|
}
|
223
261
|
});
|
262
|
+
|
263
|
+
//JSON Data
|
224
264
|
$('#treeview6').treeview({
|
225
|
-
collapseIcon:
|
265
|
+
collapseIcon: collapseIcon,
|
266
|
+
data: json,
|
267
|
+
expandIcon: expandIcon,
|
268
|
+
levels: 99,
|
269
|
+
nodeIcon: nodeIcon,
|
270
|
+
showBorder: false
|
271
|
+
});
|
272
|
+
|
273
|
+
//Checkboxes
|
274
|
+
$('#treeview7').treeview({
|
275
|
+
collapseIcon: collapseIcon,
|
276
|
+
data: json,
|
277
|
+
expandIcon: expandIcon,
|
278
|
+
levels: 99,
|
279
|
+
nodeIcon: nodeIcon,
|
280
|
+
checkedIcon: checkedIcon,
|
281
|
+
uncheckedIcon: uncheckedIcon,
|
282
|
+
partiallyCheckedIcon: partiallyCheckedIcon,
|
283
|
+
showBorder: false,
|
284
|
+
showCheckbox: true,
|
285
|
+
checkboxFirst: true,
|
286
|
+
wrapNodeText: true
|
287
|
+
});
|
288
|
+
|
289
|
+
//Hierarchal Checks
|
290
|
+
$('#treeview8').treeview({
|
291
|
+
collapseIcon: collapseIcon,
|
292
|
+
data: json,
|
293
|
+
expandIcon: expandIcon,
|
294
|
+
levels: 99,
|
295
|
+
nodeIcon: nodeIcon,
|
296
|
+
checkedIcon: checkedIcon,
|
297
|
+
uncheckedIcon: uncheckedIcon,
|
298
|
+
partiallyCheckedIcon: partiallyCheckedIcon,
|
299
|
+
showBorder: false,
|
300
|
+
showCheckbox: true,
|
301
|
+
hierarchicalCheck: true,
|
302
|
+
checkboxFirst: true,
|
303
|
+
wrapNodeText: true
|
304
|
+
});
|
305
|
+
|
306
|
+
//Highlight Select
|
307
|
+
$('#treeview9').treeview({
|
308
|
+
collapseIcon: collapseIcon,
|
309
|
+
data: json,
|
310
|
+
expandIcon: expandIcon,
|
311
|
+
levels: 99,
|
312
|
+
nodeIcon: nodeIcon,
|
313
|
+
checkedIcon: checkedIcon,
|
314
|
+
uncheckedIcon: uncheckedIcon,
|
315
|
+
partiallyCheckedIcon: partiallyCheckedIcon,
|
316
|
+
showBorder: false,
|
317
|
+
showCheckbox: true,
|
318
|
+
hierarchicalCheck: true,
|
319
|
+
checkboxFirst: true,
|
320
|
+
wrapNodeText: true,
|
321
|
+
highlightChanges: true,
|
322
|
+
changedNodeColor: $.pfPaletteColors.black900
|
323
|
+
});
|
324
|
+
|
325
|
+
//Lazy Load
|
326
|
+
$('#treeview10').treeview({
|
327
|
+
collapseIcon: collapseIcon,
|
226
328
|
data: json,
|
227
|
-
expandIcon:
|
329
|
+
expandIcon: expandIcon,
|
330
|
+
levels: 1,
|
331
|
+
nodeIcon: nodeIcon,
|
332
|
+
showBorder: false,
|
333
|
+
wrapNodeText: true,
|
334
|
+
loadingIcon: loadingIcon,
|
335
|
+
lazyLoad: function(node, callback){
|
336
|
+
setTimeout(function() {
|
337
|
+
callback([]);
|
338
|
+
}, 2000);
|
339
|
+
}
|
340
|
+
});
|
341
|
+
|
342
|
+
//Prevent Unselection
|
343
|
+
$('#treeview11').treeview({
|
344
|
+
collapseIcon: collapseIcon,
|
345
|
+
data: json,
|
346
|
+
expandIcon: expandIcon,
|
228
347
|
levels: 99,
|
229
|
-
nodeIcon:
|
348
|
+
nodeIcon: nodeIcon,
|
349
|
+
showBorder: false,
|
350
|
+
preventUnselect: true
|
351
|
+
});
|
352
|
+
|
353
|
+
//Disabled Nodes
|
354
|
+
var tree12 = $('#treeview12').treeview({
|
355
|
+
collapseIcon: collapseIcon,
|
356
|
+
data: json,
|
357
|
+
expandIcon: expandIcon,
|
358
|
+
levels: 99,
|
359
|
+
nodeIcon: nodeIcon,
|
230
360
|
showBorder: false
|
231
361
|
});
|
362
|
+
tree12.treeview('disableAll');
|
363
|
+
|
232
364
|
});
|
233
365
|
</script>
|
234
366
|
|