@patternfly/quickstarts 6.0.0-alpha.1 → 6.0.0-alpha.2
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.
- package/dist/catalog/QuickStartTile.d.ts +3 -0
- package/dist/catalog/QuickStartTileHeader.d.ts +12 -0
- package/dist/catalog/index.d.ts +1 -1
- package/dist/index.es.js +31 -20
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +32 -20
- package/dist/index.js.map +1 -1
- package/dist/quickstarts-base.css +63 -60
- package/dist/quickstarts-full.es.js +737 -78
- package/dist/quickstarts-full.es.js.map +1 -1
- package/dist/quickstarts-standalone.css +6 -0
- package/dist/quickstarts-standalone.min.css +1 -1
- package/dist/quickstarts.css +63 -60
- package/dist/quickstarts.min.css +1 -1
- package/dist/utils/quick-start-context.d.ts +2 -0
- package/package.json +4 -5
- package/src/QuickStartController.tsx +1 -1
- package/src/QuickStartPanelContent.tsx +3 -3
- package/src/catalog/QuickStartTile.tsx +19 -7
- package/src/catalog/QuickStartTileHeader.scss +4 -0
- package/src/catalog/QuickStartTileHeader.tsx +31 -4
- package/src/catalog/index.ts +1 -1
- package/src/controller/QuickStartTaskHeader.tsx +4 -2
- package/src/utils/quick-start-context.tsx +2 -0
|
@@ -188,28 +188,6 @@
|
|
|
188
188
|
display: inherit !important;
|
|
189
189
|
}
|
|
190
190
|
|
|
191
|
-
.pfext-quick-start-tile {
|
|
192
|
-
height: 100%;
|
|
193
|
-
}
|
|
194
|
-
.pfext-quick-start-tile .catalog-tile-pf-description .has-footer {
|
|
195
|
-
display: block;
|
|
196
|
-
-webkit-line-clamp: unset;
|
|
197
|
-
}
|
|
198
|
-
.pfext-quick-start-tile .catalog-tile-pf-icon {
|
|
199
|
-
display: flex;
|
|
200
|
-
}
|
|
201
|
-
|
|
202
|
-
.pfext-quick-start-tile-header__status {
|
|
203
|
-
margin: var(--pf-t--global--spacer--sm) 0;
|
|
204
|
-
}
|
|
205
|
-
.pfext-quick-start-tile-header--margin {
|
|
206
|
-
margin-right: var(--pf-t--global--spacer--sm);
|
|
207
|
-
margin-bottom: var(--pf-t--global--spacer--sm);
|
|
208
|
-
}
|
|
209
|
-
.pfext-quick-start-tile-header .pf-v6-c-badge:not(:last-of-type) {
|
|
210
|
-
margin-right: var(--pf-t--global--spacer--sm);
|
|
211
|
-
}
|
|
212
|
-
|
|
213
191
|
.pfext-quick-start-tile-description {
|
|
214
192
|
display: -webkit-box;
|
|
215
193
|
overflow: hidden;
|
|
@@ -235,6 +213,31 @@
|
|
|
235
213
|
padding-left: 20px;
|
|
236
214
|
}
|
|
237
215
|
|
|
216
|
+
.pfext-quick-start-tile {
|
|
217
|
+
height: 100%;
|
|
218
|
+
}
|
|
219
|
+
.pfext-quick-start-tile .catalog-tile-pf-description .has-footer {
|
|
220
|
+
display: block;
|
|
221
|
+
-webkit-line-clamp: unset;
|
|
222
|
+
}
|
|
223
|
+
.pfext-quick-start-tile .catalog-tile-pf-icon {
|
|
224
|
+
display: flex;
|
|
225
|
+
}
|
|
226
|
+
|
|
227
|
+
.pfext-quick-start-tile-header__status {
|
|
228
|
+
margin: var(--pf-t--global--spacer--sm) 0;
|
|
229
|
+
}
|
|
230
|
+
.pfext-quick-start-tile-header--margin {
|
|
231
|
+
margin-right: var(--pf-t--global--spacer--sm);
|
|
232
|
+
margin-bottom: var(--pf-t--global--spacer--sm);
|
|
233
|
+
}
|
|
234
|
+
.pfext-quick-start-tile-header .pf-v6-c-badge:not(:last-of-type) {
|
|
235
|
+
margin-right: var(--pf-t--global--spacer--sm);
|
|
236
|
+
}
|
|
237
|
+
.pfext-quick-start-tile-header h3 {
|
|
238
|
+
flex: 1;
|
|
239
|
+
}
|
|
240
|
+
|
|
238
241
|
.pfext-quick-start-catalog-filter__input {
|
|
239
242
|
flex-grow: 1;
|
|
240
243
|
max-width: 500px;
|
|
@@ -274,16 +277,6 @@
|
|
|
274
277
|
padding-top: 0;
|
|
275
278
|
}
|
|
276
279
|
|
|
277
|
-
.pfext-quick-start-content {
|
|
278
|
-
flex: 1 1 0;
|
|
279
|
-
overflow: auto;
|
|
280
|
-
padding: var(--pf-t--global--spacer--lg);
|
|
281
|
-
font-size: 16px;
|
|
282
|
-
}
|
|
283
|
-
.pfext-quick-start-content .pf-v6-c-alert__description p {
|
|
284
|
-
font-size: 13px;
|
|
285
|
-
}
|
|
286
|
-
|
|
287
280
|
.pfext-quick-start-footer {
|
|
288
281
|
background-color: var(--pf-t--global--background--color--primary--default);
|
|
289
282
|
flex: 0 0 auto;
|
|
@@ -296,6 +289,16 @@
|
|
|
296
289
|
float: right;
|
|
297
290
|
}
|
|
298
291
|
|
|
292
|
+
.pfext-quick-start-content {
|
|
293
|
+
flex: 1 1 0;
|
|
294
|
+
overflow: auto;
|
|
295
|
+
padding: var(--pf-t--global--spacer--lg);
|
|
296
|
+
font-size: 16px;
|
|
297
|
+
}
|
|
298
|
+
.pfext-quick-start-content .pf-v6-c-alert__description p {
|
|
299
|
+
font-size: 13px;
|
|
300
|
+
}
|
|
301
|
+
|
|
299
302
|
.pfext-quick-start-intro__prereq {
|
|
300
303
|
margin-bottom: var(--pf-t--global--spacer--md);
|
|
301
304
|
}
|
|
@@ -412,34 +415,6 @@
|
|
|
412
415
|
margin-bottom: var(--pf-t--global--spacer--xs);
|
|
413
416
|
}
|
|
414
417
|
|
|
415
|
-
.pfext-quick-start-task-review-alert {
|
|
416
|
-
margin: var(--pf-t--global--spacer--lg) 0;
|
|
417
|
-
}
|
|
418
|
-
|
|
419
|
-
.pfext-quick-start-task-review {
|
|
420
|
-
font-size: var(--pf-t--global--font--size--md);
|
|
421
|
-
line-height: var(--pf-t--global--font--line-height--heading);
|
|
422
|
-
font-family: var(--pf-t--global--font--family--heading);
|
|
423
|
-
}
|
|
424
|
-
.pfext-quick-start-task-review__actions {
|
|
425
|
-
display: flex;
|
|
426
|
-
align-items: flex-start;
|
|
427
|
-
margin-bottom: var(--pf-t--global--spacer--sm);
|
|
428
|
-
}
|
|
429
|
-
.pfext-quick-start-task-review__actions input[type=radio] {
|
|
430
|
-
margin-top: 0;
|
|
431
|
-
margin-right: 0;
|
|
432
|
-
}
|
|
433
|
-
.pfext-quick-start-task-review__radio {
|
|
434
|
-
margin-right: var(--pf-t--global--spacer--xl) !important;
|
|
435
|
-
}
|
|
436
|
-
.pfext-quick-start-task-review--success {
|
|
437
|
-
color: var(--pf-t--global--text--color--status--success--default) !important;
|
|
438
|
-
}
|
|
439
|
-
.pfext-quick-start-task-review--failed {
|
|
440
|
-
color: var(--pf-t--global--text--color--status--danger--default);
|
|
441
|
-
}
|
|
442
|
-
|
|
443
418
|
.pfext-quick-start-task-header {
|
|
444
419
|
margin-bottom: var(--pf-t--global--spacer--sm);
|
|
445
420
|
display: grid;
|
|
@@ -487,6 +462,34 @@
|
|
|
487
462
|
color: var(--pf-t--global--text--color--status--danger--default) !important;
|
|
488
463
|
}
|
|
489
464
|
|
|
465
|
+
.pfext-quick-start-task-review-alert {
|
|
466
|
+
margin: var(--pf-t--global--spacer--lg) 0;
|
|
467
|
+
}
|
|
468
|
+
|
|
469
|
+
.pfext-quick-start-task-review {
|
|
470
|
+
font-size: var(--pf-t--global--font--size--md);
|
|
471
|
+
line-height: var(--pf-t--global--font--line-height--heading);
|
|
472
|
+
font-family: var(--pf-t--global--font--family--heading);
|
|
473
|
+
}
|
|
474
|
+
.pfext-quick-start-task-review__actions {
|
|
475
|
+
display: flex;
|
|
476
|
+
align-items: flex-start;
|
|
477
|
+
margin-bottom: var(--pf-t--global--spacer--sm);
|
|
478
|
+
}
|
|
479
|
+
.pfext-quick-start-task-review__actions input[type=radio] {
|
|
480
|
+
margin-top: 0;
|
|
481
|
+
margin-right: 0;
|
|
482
|
+
}
|
|
483
|
+
.pfext-quick-start-task-review__radio {
|
|
484
|
+
margin-right: var(--pf-t--global--spacer--xl) !important;
|
|
485
|
+
}
|
|
486
|
+
.pfext-quick-start-task-review--success {
|
|
487
|
+
color: var(--pf-t--global--text--color--status--success--default) !important;
|
|
488
|
+
}
|
|
489
|
+
.pfext-quick-start-task-review--failed {
|
|
490
|
+
color: var(--pf-t--global--text--color--status--danger--default);
|
|
491
|
+
}
|
|
492
|
+
|
|
490
493
|
.pfext-modal {
|
|
491
494
|
position: absolute !important;
|
|
492
495
|
}
|