patternfly-sass 3.2.0 → 3.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/assets/fonts/patternfly/PatternFlyIcons-webfont.eot +0 -0
- data/assets/fonts/patternfly/PatternFlyIcons-webfont.svg +2 -0
- data/assets/fonts/patternfly/PatternFlyIcons-webfont.ttf +0 -0
- data/assets/fonts/patternfly/PatternFlyIcons-webfont.woff +0 -0
- data/assets/fonts/patternfly/fontawesome-webfont.eot +0 -0
- data/assets/fonts/patternfly/fontawesome-webfont.svg +112 -22
- data/assets/fonts/patternfly/fontawesome-webfont.ttf +0 -0
- data/assets/fonts/patternfly/fontawesome-webfont.woff +0 -0
- data/assets/fonts/patternfly/fontawesome-webfont.woff2 +0 -0
- data/assets/images/patternfly/OpenShift-logo.svg +69 -0
- data/assets/images/patternfly/RH_atomic.svg +88 -0
- data/assets/images/patternfly/kubernetes.svg +8 -0
- data/assets/javascripts/patternfly.js +68 -1
- data/assets/javascripts/patternfly.min.js +1 -1
- data/assets/stylesheets/_patternfly.scss +2 -0
- data/assets/stylesheets/patternfly/_dropdowns.scss +5 -0
- data/assets/stylesheets/patternfly/_icons.scss +6 -0
- data/assets/stylesheets/patternfly/_time-picker.scss +76 -0
- data/assets/stylesheets/patternfly/_toast.scss +10 -0
- data/assets/stylesheets/patternfly/_variables.scss +2 -0
- data/assets/stylesheets/patternfly/lib/bootstrap-datetimepicker.scss +373 -0
- data/bower.json +6 -4
- data/lib/patternfly-sass/version.rb +2 -2
- data/patternfly-sass.gemspec +2 -2
- data/spec/html/dist/css/patternfly-additions.css +466 -185
- data/spec/html/dist/css/patternfly-additions.css.map +1 -1
- data/spec/html/dist/css/patternfly-additions.min.css +5 -1
- data/spec/html/dist/css/patternfly-additions.min.css.map +1 -1
- data/spec/html/dist/css/patternfly.css +324 -76
- data/spec/html/dist/css/patternfly.css.map +1 -1
- data/spec/html/dist/css/patternfly.min.css +5 -5
- data/spec/html/dist/css/patternfly.min.css.map +1 -1
- data/spec/html/donut-charts.html +3 -3
- data/spec/html/dropdowns.html +20 -4
- data/spec/html/icons.html +8 -0
- data/spec/html/index.html +3 -0
- data/spec/html/list-view.html +5 -0
- data/spec/html/pie-charts.html +2 -12
- data/spec/html/tables.html +260 -56
- data/spec/html/time-picker.html +73 -0
- data/spec/html/toast.html +37 -0
- data/spec/html/toolbar.html +1 -0
- data/tasks/converter.rb +6 -3
- metadata +13 -6
@@ -0,0 +1,373 @@
|
|
1
|
+
/*!
|
2
|
+
* Datetimepicker for Bootstrap 3
|
3
|
+
* version : 4.17.37
|
4
|
+
* https://github.com/Eonasdan/bootstrap-datetimepicker/
|
5
|
+
*/
|
6
|
+
.bootstrap-datetimepicker-widget {
|
7
|
+
list-style: none;
|
8
|
+
}
|
9
|
+
.bootstrap-datetimepicker-widget.dropdown-menu {
|
10
|
+
margin: 2px 0;
|
11
|
+
padding: 4px;
|
12
|
+
width: 19em;
|
13
|
+
}
|
14
|
+
@media (min-width: 768px) {
|
15
|
+
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
|
16
|
+
width: 38em;
|
17
|
+
}
|
18
|
+
}
|
19
|
+
@media (min-width: 992px) {
|
20
|
+
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
|
21
|
+
width: 38em;
|
22
|
+
}
|
23
|
+
}
|
24
|
+
@media (min-width: 1200px) {
|
25
|
+
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
|
26
|
+
width: 38em;
|
27
|
+
}
|
28
|
+
}
|
29
|
+
.bootstrap-datetimepicker-widget.dropdown-menu:before,
|
30
|
+
.bootstrap-datetimepicker-widget.dropdown-menu:after {
|
31
|
+
content: '';
|
32
|
+
display: inline-block;
|
33
|
+
position: absolute;
|
34
|
+
}
|
35
|
+
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
|
36
|
+
border-left: 7px solid transparent;
|
37
|
+
border-right: 7px solid transparent;
|
38
|
+
border-bottom: 7px solid #cccccc;
|
39
|
+
border-bottom-color: rgba(0, 0, 0, 0.2);
|
40
|
+
top: -7px;
|
41
|
+
left: 7px;
|
42
|
+
}
|
43
|
+
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
|
44
|
+
border-left: 6px solid transparent;
|
45
|
+
border-right: 6px solid transparent;
|
46
|
+
border-bottom: 6px solid white;
|
47
|
+
top: -6px;
|
48
|
+
left: 8px;
|
49
|
+
}
|
50
|
+
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
|
51
|
+
border-left: 7px solid transparent;
|
52
|
+
border-right: 7px solid transparent;
|
53
|
+
border-top: 7px solid #cccccc;
|
54
|
+
border-top-color: rgba(0, 0, 0, 0.2);
|
55
|
+
bottom: -7px;
|
56
|
+
left: 6px;
|
57
|
+
}
|
58
|
+
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
|
59
|
+
border-left: 6px solid transparent;
|
60
|
+
border-right: 6px solid transparent;
|
61
|
+
border-top: 6px solid white;
|
62
|
+
bottom: -6px;
|
63
|
+
left: 7px;
|
64
|
+
}
|
65
|
+
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
|
66
|
+
left: auto;
|
67
|
+
right: 6px;
|
68
|
+
}
|
69
|
+
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
|
70
|
+
left: auto;
|
71
|
+
right: 7px;
|
72
|
+
}
|
73
|
+
.bootstrap-datetimepicker-widget .list-unstyled {
|
74
|
+
margin: 0;
|
75
|
+
}
|
76
|
+
.bootstrap-datetimepicker-widget a[data-action] {
|
77
|
+
padding: 6px 0;
|
78
|
+
}
|
79
|
+
.bootstrap-datetimepicker-widget a[data-action]:active {
|
80
|
+
box-shadow: none;
|
81
|
+
}
|
82
|
+
.bootstrap-datetimepicker-widget .timepicker-hour,
|
83
|
+
.bootstrap-datetimepicker-widget .timepicker-minute,
|
84
|
+
.bootstrap-datetimepicker-widget .timepicker-second {
|
85
|
+
width: 54px;
|
86
|
+
font-weight: bold;
|
87
|
+
font-size: 1.2em;
|
88
|
+
margin: 0;
|
89
|
+
}
|
90
|
+
.bootstrap-datetimepicker-widget button[data-action] {
|
91
|
+
padding: 6px;
|
92
|
+
}
|
93
|
+
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
|
94
|
+
position: absolute;
|
95
|
+
width: 1px;
|
96
|
+
height: 1px;
|
97
|
+
margin: -1px;
|
98
|
+
padding: 0;
|
99
|
+
overflow: hidden;
|
100
|
+
clip: rect(0, 0, 0, 0);
|
101
|
+
border: 0;
|
102
|
+
content: "Increment Hours";
|
103
|
+
}
|
104
|
+
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
|
105
|
+
position: absolute;
|
106
|
+
width: 1px;
|
107
|
+
height: 1px;
|
108
|
+
margin: -1px;
|
109
|
+
padding: 0;
|
110
|
+
overflow: hidden;
|
111
|
+
clip: rect(0, 0, 0, 0);
|
112
|
+
border: 0;
|
113
|
+
content: "Increment Minutes";
|
114
|
+
}
|
115
|
+
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
|
116
|
+
position: absolute;
|
117
|
+
width: 1px;
|
118
|
+
height: 1px;
|
119
|
+
margin: -1px;
|
120
|
+
padding: 0;
|
121
|
+
overflow: hidden;
|
122
|
+
clip: rect(0, 0, 0, 0);
|
123
|
+
border: 0;
|
124
|
+
content: "Decrement Hours";
|
125
|
+
}
|
126
|
+
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
|
127
|
+
position: absolute;
|
128
|
+
width: 1px;
|
129
|
+
height: 1px;
|
130
|
+
margin: -1px;
|
131
|
+
padding: 0;
|
132
|
+
overflow: hidden;
|
133
|
+
clip: rect(0, 0, 0, 0);
|
134
|
+
border: 0;
|
135
|
+
content: "Decrement Minutes";
|
136
|
+
}
|
137
|
+
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
|
138
|
+
position: absolute;
|
139
|
+
width: 1px;
|
140
|
+
height: 1px;
|
141
|
+
margin: -1px;
|
142
|
+
padding: 0;
|
143
|
+
overflow: hidden;
|
144
|
+
clip: rect(0, 0, 0, 0);
|
145
|
+
border: 0;
|
146
|
+
content: "Show Hours";
|
147
|
+
}
|
148
|
+
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
|
149
|
+
position: absolute;
|
150
|
+
width: 1px;
|
151
|
+
height: 1px;
|
152
|
+
margin: -1px;
|
153
|
+
padding: 0;
|
154
|
+
overflow: hidden;
|
155
|
+
clip: rect(0, 0, 0, 0);
|
156
|
+
border: 0;
|
157
|
+
content: "Show Minutes";
|
158
|
+
}
|
159
|
+
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
|
160
|
+
position: absolute;
|
161
|
+
width: 1px;
|
162
|
+
height: 1px;
|
163
|
+
margin: -1px;
|
164
|
+
padding: 0;
|
165
|
+
overflow: hidden;
|
166
|
+
clip: rect(0, 0, 0, 0);
|
167
|
+
border: 0;
|
168
|
+
content: "Toggle AM/PM";
|
169
|
+
}
|
170
|
+
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
|
171
|
+
position: absolute;
|
172
|
+
width: 1px;
|
173
|
+
height: 1px;
|
174
|
+
margin: -1px;
|
175
|
+
padding: 0;
|
176
|
+
overflow: hidden;
|
177
|
+
clip: rect(0, 0, 0, 0);
|
178
|
+
border: 0;
|
179
|
+
content: "Clear the picker";
|
180
|
+
}
|
181
|
+
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
|
182
|
+
position: absolute;
|
183
|
+
width: 1px;
|
184
|
+
height: 1px;
|
185
|
+
margin: -1px;
|
186
|
+
padding: 0;
|
187
|
+
overflow: hidden;
|
188
|
+
clip: rect(0, 0, 0, 0);
|
189
|
+
border: 0;
|
190
|
+
content: "Set the date to today";
|
191
|
+
}
|
192
|
+
.bootstrap-datetimepicker-widget .picker-switch {
|
193
|
+
text-align: center;
|
194
|
+
}
|
195
|
+
.bootstrap-datetimepicker-widget .picker-switch::after {
|
196
|
+
position: absolute;
|
197
|
+
width: 1px;
|
198
|
+
height: 1px;
|
199
|
+
margin: -1px;
|
200
|
+
padding: 0;
|
201
|
+
overflow: hidden;
|
202
|
+
clip: rect(0, 0, 0, 0);
|
203
|
+
border: 0;
|
204
|
+
content: "Toggle Date and Time Screens";
|
205
|
+
}
|
206
|
+
.bootstrap-datetimepicker-widget .picker-switch td {
|
207
|
+
padding: 0;
|
208
|
+
margin: 0;
|
209
|
+
height: auto;
|
210
|
+
width: auto;
|
211
|
+
line-height: inherit;
|
212
|
+
}
|
213
|
+
.bootstrap-datetimepicker-widget .picker-switch td span {
|
214
|
+
line-height: 2.5;
|
215
|
+
height: 2.5em;
|
216
|
+
width: 100%;
|
217
|
+
}
|
218
|
+
.bootstrap-datetimepicker-widget table {
|
219
|
+
width: 100%;
|
220
|
+
margin: 0;
|
221
|
+
}
|
222
|
+
.bootstrap-datetimepicker-widget table td,
|
223
|
+
.bootstrap-datetimepicker-widget table th {
|
224
|
+
text-align: center;
|
225
|
+
border-radius: 4px;
|
226
|
+
}
|
227
|
+
.bootstrap-datetimepicker-widget table th {
|
228
|
+
height: 20px;
|
229
|
+
line-height: 20px;
|
230
|
+
width: 20px;
|
231
|
+
}
|
232
|
+
.bootstrap-datetimepicker-widget table th.picker-switch {
|
233
|
+
width: 145px;
|
234
|
+
}
|
235
|
+
.bootstrap-datetimepicker-widget table th.disabled,
|
236
|
+
.bootstrap-datetimepicker-widget table th.disabled:hover {
|
237
|
+
background: none;
|
238
|
+
color: #777777;
|
239
|
+
cursor: not-allowed;
|
240
|
+
}
|
241
|
+
.bootstrap-datetimepicker-widget table th.prev::after {
|
242
|
+
position: absolute;
|
243
|
+
width: 1px;
|
244
|
+
height: 1px;
|
245
|
+
margin: -1px;
|
246
|
+
padding: 0;
|
247
|
+
overflow: hidden;
|
248
|
+
clip: rect(0, 0, 0, 0);
|
249
|
+
border: 0;
|
250
|
+
content: "Previous Month";
|
251
|
+
}
|
252
|
+
.bootstrap-datetimepicker-widget table th.next::after {
|
253
|
+
position: absolute;
|
254
|
+
width: 1px;
|
255
|
+
height: 1px;
|
256
|
+
margin: -1px;
|
257
|
+
padding: 0;
|
258
|
+
overflow: hidden;
|
259
|
+
clip: rect(0, 0, 0, 0);
|
260
|
+
border: 0;
|
261
|
+
content: "Next Month";
|
262
|
+
}
|
263
|
+
.bootstrap-datetimepicker-widget table thead tr:first-child th {
|
264
|
+
cursor: pointer;
|
265
|
+
}
|
266
|
+
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
|
267
|
+
background: #eeeeee;
|
268
|
+
}
|
269
|
+
.bootstrap-datetimepicker-widget table td {
|
270
|
+
height: 54px;
|
271
|
+
line-height: 54px;
|
272
|
+
width: 54px;
|
273
|
+
}
|
274
|
+
.bootstrap-datetimepicker-widget table td.cw {
|
275
|
+
font-size: .8em;
|
276
|
+
height: 20px;
|
277
|
+
line-height: 20px;
|
278
|
+
color: #777777;
|
279
|
+
}
|
280
|
+
.bootstrap-datetimepicker-widget table td.day {
|
281
|
+
height: 20px;
|
282
|
+
line-height: 20px;
|
283
|
+
width: 20px;
|
284
|
+
}
|
285
|
+
.bootstrap-datetimepicker-widget table td.day:hover,
|
286
|
+
.bootstrap-datetimepicker-widget table td.hour:hover,
|
287
|
+
.bootstrap-datetimepicker-widget table td.minute:hover,
|
288
|
+
.bootstrap-datetimepicker-widget table td.second:hover {
|
289
|
+
background: #eeeeee;
|
290
|
+
cursor: pointer;
|
291
|
+
}
|
292
|
+
.bootstrap-datetimepicker-widget table td.old,
|
293
|
+
.bootstrap-datetimepicker-widget table td.new {
|
294
|
+
color: #777777;
|
295
|
+
}
|
296
|
+
.bootstrap-datetimepicker-widget table td.today {
|
297
|
+
position: relative;
|
298
|
+
}
|
299
|
+
.bootstrap-datetimepicker-widget table td.today:before {
|
300
|
+
content: '';
|
301
|
+
display: inline-block;
|
302
|
+
border: solid transparent;
|
303
|
+
border-width: 0 0 7px 7px;
|
304
|
+
border-bottom-color: #337ab7;
|
305
|
+
border-top-color: rgba(0, 0, 0, 0.2);
|
306
|
+
position: absolute;
|
307
|
+
bottom: 4px;
|
308
|
+
right: 4px;
|
309
|
+
}
|
310
|
+
.bootstrap-datetimepicker-widget table td.active,
|
311
|
+
.bootstrap-datetimepicker-widget table td.active:hover {
|
312
|
+
background-color: #337ab7;
|
313
|
+
color: #ffffff;
|
314
|
+
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
315
|
+
}
|
316
|
+
.bootstrap-datetimepicker-widget table td.active.today:before {
|
317
|
+
border-bottom-color: #fff;
|
318
|
+
}
|
319
|
+
.bootstrap-datetimepicker-widget table td.disabled,
|
320
|
+
.bootstrap-datetimepicker-widget table td.disabled:hover {
|
321
|
+
background: none;
|
322
|
+
color: #777777;
|
323
|
+
cursor: not-allowed;
|
324
|
+
}
|
325
|
+
.bootstrap-datetimepicker-widget table td span {
|
326
|
+
display: inline-block;
|
327
|
+
width: 54px;
|
328
|
+
height: 54px;
|
329
|
+
line-height: 54px;
|
330
|
+
margin: 2px 1.5px;
|
331
|
+
cursor: pointer;
|
332
|
+
border-radius: 4px;
|
333
|
+
}
|
334
|
+
.bootstrap-datetimepicker-widget table td span:hover {
|
335
|
+
background: #eeeeee;
|
336
|
+
}
|
337
|
+
.bootstrap-datetimepicker-widget table td span.active {
|
338
|
+
background-color: #337ab7;
|
339
|
+
color: #ffffff;
|
340
|
+
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
341
|
+
}
|
342
|
+
.bootstrap-datetimepicker-widget table td span.old {
|
343
|
+
color: #777777;
|
344
|
+
}
|
345
|
+
.bootstrap-datetimepicker-widget table td span.disabled,
|
346
|
+
.bootstrap-datetimepicker-widget table td span.disabled:hover {
|
347
|
+
background: none;
|
348
|
+
color: #777777;
|
349
|
+
cursor: not-allowed;
|
350
|
+
}
|
351
|
+
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
|
352
|
+
height: 27px;
|
353
|
+
line-height: 27px;
|
354
|
+
}
|
355
|
+
.bootstrap-datetimepicker-widget.wider {
|
356
|
+
width: 21em;
|
357
|
+
}
|
358
|
+
.bootstrap-datetimepicker-widget .datepicker-decades .decade {
|
359
|
+
line-height: 1.8em !important;
|
360
|
+
}
|
361
|
+
.input-group.date .input-group-addon {
|
362
|
+
cursor: pointer;
|
363
|
+
}
|
364
|
+
.sr-only {
|
365
|
+
position: absolute;
|
366
|
+
width: 1px;
|
367
|
+
height: 1px;
|
368
|
+
margin: -1px;
|
369
|
+
padding: 0;
|
370
|
+
overflow: hidden;
|
371
|
+
clip: rect(0, 0, 0, 0);
|
372
|
+
border: 0;
|
373
|
+
}
|
data/bower.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "patternfly-sass",
|
3
|
-
"version": "3.
|
3
|
+
"version": "3.3.0",
|
4
4
|
"license": "Apache-2.0",
|
5
5
|
"homepage": "https://www.patternfly.org",
|
6
6
|
"authors": [
|
@@ -28,7 +28,7 @@
|
|
28
28
|
"tmp"
|
29
29
|
],
|
30
30
|
"dependencies": {
|
31
|
-
"bootstrap-sass": "~3.3.
|
31
|
+
"bootstrap-sass": "~3.3.6",
|
32
32
|
"bootstrap-combobox": "~1.1.6",
|
33
33
|
"bootstrap-datepicker": "~1.4.0",
|
34
34
|
"bootstrap-select": "~1.7.3",
|
@@ -39,9 +39,11 @@
|
|
39
39
|
"datatables": "~1.10.9",
|
40
40
|
"datatables-colreorder": "~1.1.3",
|
41
41
|
"datatables-colvis": "~1.1.2",
|
42
|
-
"font-awesome-sass": "~4.
|
42
|
+
"font-awesome-sass": "~4.5.0",
|
43
43
|
"google-code-prettify": "~1.0.4",
|
44
44
|
"jquery": "~2.1.4",
|
45
|
-
"matchHeight": "~0.6.0"
|
45
|
+
"matchHeight": "~0.6.0",
|
46
|
+
"eonasdan-bootstrap-datetimepicker": "4.17.37",
|
47
|
+
"moment": "2.11.2"
|
46
48
|
}
|
47
49
|
}
|
data/patternfly-sass.gemspec
CHANGED
@@ -12,8 +12,8 @@ Gem::Specification.new do |s|
|
|
12
12
|
s.license = 'Apache-2.0'
|
13
13
|
|
14
14
|
s.add_runtime_dependency 'sass', '~> 3.4.15'
|
15
|
-
s.add_runtime_dependency 'bootstrap-sass', '~> 3.3.
|
16
|
-
s.add_runtime_dependency 'font-awesome-sass', '~> 4.
|
15
|
+
s.add_runtime_dependency 'bootstrap-sass', '~> 3.3.6'
|
16
|
+
s.add_runtime_dependency 'font-awesome-sass', '~> 4.5.0'
|
17
17
|
|
18
18
|
# Converter's dependencies
|
19
19
|
s.add_development_dependency 'rake', '~> 10.4'
|