@patternfly/patternfly 6.0.0-alpha.38 → 6.0.0-alpha.39
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/components/Divider/divider.css +97 -177
- package/components/Divider/divider.scss +60 -79
- package/components/Masthead/masthead.css +267 -435
- package/components/Masthead/masthead.scss +118 -233
- package/docs/components/Divider/examples/Divider.css +3 -1
- package/docs/components/Divider/examples/Divider.md +4 -5
- package/docs/components/Masthead/examples/masthead.md +441 -16
- package/docs/demos/AboutModal/examples/AboutModal.md +40 -42
- package/docs/demos/Alert/examples/Alert.md +120 -126
- package/docs/demos/BackToTop/examples/BackToTop.md +40 -42
- package/docs/demos/Banner/examples/Banner.md +79 -80
- package/docs/demos/CardView/examples/CardView.md +40 -42
- package/docs/demos/ContextSelector/examples/ContextSelector.md +129 -146
- package/docs/demos/Dashboard/examples/Dashboard.md +40 -42
- package/docs/demos/DataList/examples/DataList.md +160 -279
- package/docs/demos/DescriptionList/examples/DescriptionList.md +120 -126
- package/docs/demos/Drawer/examples/Drawer.md +200 -210
- package/docs/demos/JumpLinks/examples/JumpLinks.md +240 -252
- package/docs/demos/Masthead/examples/Masthead.md +143 -224
- package/docs/demos/Modal/examples/Modal.md +240 -252
- package/docs/demos/Nav/examples/Nav.md +320 -336
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +200 -210
- package/docs/demos/Page/examples/Page.md +360 -378
- package/docs/demos/Page/examples/Penta.md +8 -15
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +280 -294
- package/docs/demos/Skeleton/examples/Skeleton.md +40 -42
- package/docs/demos/Table/examples/Table.md +617 -647
- package/docs/demos/Tabs/examples/Tabs.md +240 -252
- package/docs/demos/Toolbar/examples/Toolbar.md +80 -84
- package/docs/demos/Wizard/examples/Wizard.md +360 -378
- package/package.json +1 -1
- package/patternfly-no-globals.css +363 -611
- package/patternfly-theme-dark-unversioned.css +363 -611
- package/patternfly.css +363 -611
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -26,20 +26,16 @@ deprecated: true
|
|
|
26
26
|
</button>
|
|
27
27
|
</span>
|
|
28
28
|
<div class="pf-v5-c-masthead__main">
|
|
29
|
-
<a
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
style="--pf-v5-c-brand--Height: 36px;"
|
|
33
|
-
>
|
|
34
|
-
<svg height="36px" viewBox="0 0 679 158" role="img">
|
|
35
|
-
<title>Patternfly logo</title>
|
|
29
|
+
<a class="pf-v5-c-masthead__brand" href="#">
|
|
30
|
+
<svg height="40px" viewBox="0 0 679 158">
|
|
31
|
+
<title>PF-HorizontalLogo-Color</title>
|
|
36
32
|
<defs>
|
|
37
33
|
<linearGradient
|
|
38
34
|
x1="68%"
|
|
39
35
|
y1="2.25860997e-13%"
|
|
40
36
|
x2="32%"
|
|
41
37
|
y2="100%"
|
|
42
|
-
id="linearGradient-
|
|
38
|
+
id="linearGradient-context-selector-in-masthead-masthead"
|
|
43
39
|
>
|
|
44
40
|
<stop stop-color="#2B9AF3" offset="0%" />
|
|
45
41
|
<stop
|
|
@@ -49,13 +45,7 @@ deprecated: true
|
|
|
49
45
|
/>
|
|
50
46
|
</linearGradient>
|
|
51
47
|
</defs>
|
|
52
|
-
<g
|
|
53
|
-
id="PF-HorizontalLogo-Color"
|
|
54
|
-
stroke="none"
|
|
55
|
-
stroke-width="1"
|
|
56
|
-
fill="none"
|
|
57
|
-
fill-rule="evenodd"
|
|
58
|
-
>
|
|
48
|
+
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
59
49
|
<g
|
|
60
50
|
transform="translate(206.000000, 45.750000)"
|
|
61
51
|
fill="var(--pf-t--global--text--color--regular)"
|
|
@@ -90,19 +80,18 @@ deprecated: true
|
|
|
90
80
|
d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"
|
|
91
81
|
/>
|
|
92
82
|
</g>
|
|
93
|
-
<g
|
|
83
|
+
<g transform="translate(0.000000, 0.000000)">
|
|
94
84
|
<path
|
|
95
85
|
d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
|
|
96
|
-
|
|
97
|
-
fill="var(--pf-t--global--color--brand--200)"
|
|
86
|
+
fill="#0066CC"
|
|
98
87
|
/>
|
|
99
88
|
<path
|
|
100
89
|
d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
|
|
101
|
-
fill="url(#linearGradient-
|
|
90
|
+
fill="url(#linearGradient-context-selector-in-masthead-masthead)"
|
|
102
91
|
/>
|
|
103
92
|
<path
|
|
104
93
|
d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
|
|
105
|
-
fill="url(#linearGradient-
|
|
94
|
+
fill="url(#linearGradient-context-selector-in-masthead-masthead)"
|
|
106
95
|
transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
|
|
107
96
|
/>
|
|
108
97
|
</g>
|
|
@@ -281,20 +270,16 @@ deprecated: true
|
|
|
281
270
|
</button>
|
|
282
271
|
</span>
|
|
283
272
|
<div class="pf-v5-c-masthead__main">
|
|
284
|
-
<a
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
style="--pf-v5-c-brand--Height: 36px;"
|
|
288
|
-
>
|
|
289
|
-
<svg height="36px" viewBox="0 0 679 158" role="img">
|
|
290
|
-
<title>Patternfly logo</title>
|
|
273
|
+
<a class="pf-v5-c-masthead__brand" href="#">
|
|
274
|
+
<svg height="40px" viewBox="0 0 679 158">
|
|
275
|
+
<title>PF-HorizontalLogo-Color</title>
|
|
291
276
|
<defs>
|
|
292
277
|
<linearGradient
|
|
293
278
|
x1="68%"
|
|
294
279
|
y1="2.25860997e-13%"
|
|
295
280
|
x2="32%"
|
|
296
281
|
y2="100%"
|
|
297
|
-
id="linearGradient-
|
|
282
|
+
id="linearGradient-context-selector-in-sidebar-example-masthead"
|
|
298
283
|
>
|
|
299
284
|
<stop stop-color="#2B9AF3" offset="0%" />
|
|
300
285
|
<stop
|
|
@@ -304,13 +289,7 @@ deprecated: true
|
|
|
304
289
|
/>
|
|
305
290
|
</linearGradient>
|
|
306
291
|
</defs>
|
|
307
|
-
<g
|
|
308
|
-
id="PF-HorizontalLogo-Color"
|
|
309
|
-
stroke="none"
|
|
310
|
-
stroke-width="1"
|
|
311
|
-
fill="none"
|
|
312
|
-
fill-rule="evenodd"
|
|
313
|
-
>
|
|
292
|
+
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
314
293
|
<g
|
|
315
294
|
transform="translate(206.000000, 45.750000)"
|
|
316
295
|
fill="var(--pf-t--global--text--color--regular)"
|
|
@@ -345,19 +324,18 @@ deprecated: true
|
|
|
345
324
|
d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"
|
|
346
325
|
/>
|
|
347
326
|
</g>
|
|
348
|
-
<g
|
|
327
|
+
<g transform="translate(0.000000, 0.000000)">
|
|
349
328
|
<path
|
|
350
329
|
d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
|
|
351
|
-
|
|
352
|
-
fill="var(--pf-t--global--color--brand--200)"
|
|
330
|
+
fill="#0066CC"
|
|
353
331
|
/>
|
|
354
332
|
<path
|
|
355
333
|
d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
|
|
356
|
-
fill="url(#linearGradient-
|
|
334
|
+
fill="url(#linearGradient-context-selector-in-sidebar-example-masthead)"
|
|
357
335
|
/>
|
|
358
336
|
<path
|
|
359
337
|
d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
|
|
360
|
-
fill="url(#linearGradient-
|
|
338
|
+
fill="url(#linearGradient-context-selector-in-sidebar-example-masthead)"
|
|
361
339
|
transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
|
|
362
340
|
/>
|
|
363
341
|
</g>
|
|
@@ -372,8 +350,38 @@ deprecated: true
|
|
|
372
350
|
>
|
|
373
351
|
<div class="pf-v5-c-toolbar__content">
|
|
374
352
|
<div class="pf-v5-c-toolbar__content-section">
|
|
353
|
+
<div class="pf-v5-c-toolbar__item">
|
|
354
|
+
<button
|
|
355
|
+
class="pf-v5-c-menu-toggle"
|
|
356
|
+
type="button"
|
|
357
|
+
aria-expanded="false"
|
|
358
|
+
>
|
|
359
|
+
<span class="pf-v5-c-menu-toggle__text">Overview</span>
|
|
360
|
+
<span class="pf-v5-c-menu-toggle__controls">
|
|
361
|
+
<span class="pf-v5-c-menu-toggle__toggle-icon">
|
|
362
|
+
<i class="fas fa-angle-down" aria-hidden="true"></i>
|
|
363
|
+
</span>
|
|
364
|
+
</span>
|
|
365
|
+
</button>
|
|
366
|
+
</div>
|
|
367
|
+
|
|
368
|
+
<div class="pf-v5-c-toolbar__item">
|
|
369
|
+
<button
|
|
370
|
+
class="pf-v5-c-menu-toggle"
|
|
371
|
+
type="button"
|
|
372
|
+
aria-expanded="false"
|
|
373
|
+
>
|
|
374
|
+
<span class="pf-v5-c-menu-toggle__text">Services</span>
|
|
375
|
+
<span class="pf-v5-c-menu-toggle__controls">
|
|
376
|
+
<span class="pf-v5-c-menu-toggle__toggle-icon">
|
|
377
|
+
<i class="fas fa-angle-down" aria-hidden="true"></i>
|
|
378
|
+
</span>
|
|
379
|
+
</span>
|
|
380
|
+
</button>
|
|
381
|
+
</div>
|
|
382
|
+
|
|
375
383
|
<div
|
|
376
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
|
|
384
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
|
|
377
385
|
>
|
|
378
386
|
<div
|
|
379
387
|
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
|
|
@@ -420,27 +428,6 @@ deprecated: true
|
|
|
420
428
|
</button>
|
|
421
429
|
</div>
|
|
422
430
|
</div>
|
|
423
|
-
<div class="pf-v5-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
|
|
424
|
-
<button
|
|
425
|
-
class="pf-v5-c-menu-toggle pf-m-full-height"
|
|
426
|
-
type="button"
|
|
427
|
-
aria-expanded="false"
|
|
428
|
-
>
|
|
429
|
-
<span class="pf-v5-c-menu-toggle__icon">
|
|
430
|
-
<img
|
|
431
|
-
class="pf-v5-c-avatar"
|
|
432
|
-
alt="Avatar image"
|
|
433
|
-
src="/assets/images/img_avatar-light.svg"
|
|
434
|
-
/>
|
|
435
|
-
</span>
|
|
436
|
-
<span class="pf-v5-c-menu-toggle__text">Ned Username</span>
|
|
437
|
-
<span class="pf-v5-c-menu-toggle__controls">
|
|
438
|
-
<span class="pf-v5-c-menu-toggle__toggle-icon">
|
|
439
|
-
<i class="fas fa-angle-down" aria-hidden="true"></i>
|
|
440
|
-
</span>
|
|
441
|
-
</span>
|
|
442
|
-
</button>
|
|
443
|
-
</div>
|
|
444
431
|
</div>
|
|
445
432
|
</div>
|
|
446
433
|
</div>
|
|
@@ -733,20 +720,16 @@ deprecated: true
|
|
|
733
720
|
</button>
|
|
734
721
|
</span>
|
|
735
722
|
<div class="pf-v5-c-masthead__main">
|
|
736
|
-
<a
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
style="--pf-v5-c-brand--Height: 36px;"
|
|
740
|
-
>
|
|
741
|
-
<svg height="36px" viewBox="0 0 679 158" role="img">
|
|
742
|
-
<title>Patternfly logo</title>
|
|
723
|
+
<a class="pf-v5-c-masthead__brand" href="#">
|
|
724
|
+
<svg height="40px" viewBox="0 0 679 158">
|
|
725
|
+
<title>PF-HorizontalLogo-Color</title>
|
|
743
726
|
<defs>
|
|
744
727
|
<linearGradient
|
|
745
728
|
x1="68%"
|
|
746
729
|
y1="2.25860997e-13%"
|
|
747
730
|
x2="32%"
|
|
748
731
|
y2="100%"
|
|
749
|
-
id="linearGradient-
|
|
732
|
+
id="linearGradient-context-selector-in-sidebar-expanded-example-masthead"
|
|
750
733
|
>
|
|
751
734
|
<stop stop-color="#2B9AF3" offset="0%" />
|
|
752
735
|
<stop
|
|
@@ -756,13 +739,7 @@ deprecated: true
|
|
|
756
739
|
/>
|
|
757
740
|
</linearGradient>
|
|
758
741
|
</defs>
|
|
759
|
-
<g
|
|
760
|
-
id="PF-HorizontalLogo-Color"
|
|
761
|
-
stroke="none"
|
|
762
|
-
stroke-width="1"
|
|
763
|
-
fill="none"
|
|
764
|
-
fill-rule="evenodd"
|
|
765
|
-
>
|
|
742
|
+
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
766
743
|
<g
|
|
767
744
|
transform="translate(206.000000, 45.750000)"
|
|
768
745
|
fill="var(--pf-t--global--text--color--regular)"
|
|
@@ -797,19 +774,18 @@ deprecated: true
|
|
|
797
774
|
d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"
|
|
798
775
|
/>
|
|
799
776
|
</g>
|
|
800
|
-
<g
|
|
777
|
+
<g transform="translate(0.000000, 0.000000)">
|
|
801
778
|
<path
|
|
802
779
|
d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
|
|
803
|
-
|
|
804
|
-
fill="var(--pf-t--global--color--brand--200)"
|
|
780
|
+
fill="#0066CC"
|
|
805
781
|
/>
|
|
806
782
|
<path
|
|
807
783
|
d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
|
|
808
|
-
fill="url(#linearGradient-
|
|
784
|
+
fill="url(#linearGradient-context-selector-in-sidebar-expanded-example-masthead)"
|
|
809
785
|
/>
|
|
810
786
|
<path
|
|
811
787
|
d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
|
|
812
|
-
fill="url(#linearGradient-
|
|
788
|
+
fill="url(#linearGradient-context-selector-in-sidebar-expanded-example-masthead)"
|
|
813
789
|
transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
|
|
814
790
|
/>
|
|
815
791
|
</g>
|
|
@@ -824,8 +800,38 @@ deprecated: true
|
|
|
824
800
|
>
|
|
825
801
|
<div class="pf-v5-c-toolbar__content">
|
|
826
802
|
<div class="pf-v5-c-toolbar__content-section">
|
|
803
|
+
<div class="pf-v5-c-toolbar__item">
|
|
804
|
+
<button
|
|
805
|
+
class="pf-v5-c-menu-toggle"
|
|
806
|
+
type="button"
|
|
807
|
+
aria-expanded="false"
|
|
808
|
+
>
|
|
809
|
+
<span class="pf-v5-c-menu-toggle__text">Overview</span>
|
|
810
|
+
<span class="pf-v5-c-menu-toggle__controls">
|
|
811
|
+
<span class="pf-v5-c-menu-toggle__toggle-icon">
|
|
812
|
+
<i class="fas fa-angle-down" aria-hidden="true"></i>
|
|
813
|
+
</span>
|
|
814
|
+
</span>
|
|
815
|
+
</button>
|
|
816
|
+
</div>
|
|
817
|
+
|
|
818
|
+
<div class="pf-v5-c-toolbar__item">
|
|
819
|
+
<button
|
|
820
|
+
class="pf-v5-c-menu-toggle"
|
|
821
|
+
type="button"
|
|
822
|
+
aria-expanded="false"
|
|
823
|
+
>
|
|
824
|
+
<span class="pf-v5-c-menu-toggle__text">Services</span>
|
|
825
|
+
<span class="pf-v5-c-menu-toggle__controls">
|
|
826
|
+
<span class="pf-v5-c-menu-toggle__toggle-icon">
|
|
827
|
+
<i class="fas fa-angle-down" aria-hidden="true"></i>
|
|
828
|
+
</span>
|
|
829
|
+
</span>
|
|
830
|
+
</button>
|
|
831
|
+
</div>
|
|
832
|
+
|
|
827
833
|
<div
|
|
828
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
|
|
834
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
|
|
829
835
|
>
|
|
830
836
|
<div
|
|
831
837
|
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
|
|
@@ -872,27 +878,6 @@ deprecated: true
|
|
|
872
878
|
</button>
|
|
873
879
|
</div>
|
|
874
880
|
</div>
|
|
875
|
-
<div class="pf-v5-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
|
|
876
|
-
<button
|
|
877
|
-
class="pf-v5-c-menu-toggle pf-m-full-height"
|
|
878
|
-
type="button"
|
|
879
|
-
aria-expanded="false"
|
|
880
|
-
>
|
|
881
|
-
<span class="pf-v5-c-menu-toggle__icon">
|
|
882
|
-
<img
|
|
883
|
-
class="pf-v5-c-avatar"
|
|
884
|
-
alt="Avatar image"
|
|
885
|
-
src="/assets/images/img_avatar-light.svg"
|
|
886
|
-
/>
|
|
887
|
-
</span>
|
|
888
|
-
<span class="pf-v5-c-menu-toggle__text">Ned Username</span>
|
|
889
|
-
<span class="pf-v5-c-menu-toggle__controls">
|
|
890
|
-
<span class="pf-v5-c-menu-toggle__toggle-icon">
|
|
891
|
-
<i class="fas fa-angle-down" aria-hidden="true"></i>
|
|
892
|
-
</span>
|
|
893
|
-
</span>
|
|
894
|
-
</button>
|
|
895
|
-
</div>
|
|
896
881
|
</div>
|
|
897
882
|
</div>
|
|
898
883
|
</div>
|
|
@@ -1187,20 +1172,16 @@ deprecated: true
|
|
|
1187
1172
|
</button>
|
|
1188
1173
|
</span>
|
|
1189
1174
|
<div class="pf-v5-c-masthead__main">
|
|
1190
|
-
<a
|
|
1191
|
-
|
|
1192
|
-
|
|
1193
|
-
style="--pf-v5-c-brand--Height: 36px;"
|
|
1194
|
-
>
|
|
1195
|
-
<svg height="36px" viewBox="0 0 679 158" role="img">
|
|
1196
|
-
<title>Patternfly logo</title>
|
|
1175
|
+
<a class="pf-v5-c-masthead__brand" href="#">
|
|
1176
|
+
<svg height="40px" viewBox="0 0 679 158">
|
|
1177
|
+
<title>PF-HorizontalLogo-Color</title>
|
|
1197
1178
|
<defs>
|
|
1198
1179
|
<linearGradient
|
|
1199
1180
|
x1="68%"
|
|
1200
1181
|
y1="2.25860997e-13%"
|
|
1201
1182
|
x2="32%"
|
|
1202
1183
|
y2="100%"
|
|
1203
|
-
id="linearGradient-
|
|
1184
|
+
id="linearGradient-context-selector-in-page-content-example-masthead"
|
|
1204
1185
|
>
|
|
1205
1186
|
<stop stop-color="#2B9AF3" offset="0%" />
|
|
1206
1187
|
<stop
|
|
@@ -1210,13 +1191,7 @@ deprecated: true
|
|
|
1210
1191
|
/>
|
|
1211
1192
|
</linearGradient>
|
|
1212
1193
|
</defs>
|
|
1213
|
-
<g
|
|
1214
|
-
id="PF-HorizontalLogo-Color"
|
|
1215
|
-
stroke="none"
|
|
1216
|
-
stroke-width="1"
|
|
1217
|
-
fill="none"
|
|
1218
|
-
fill-rule="evenodd"
|
|
1219
|
-
>
|
|
1194
|
+
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
1220
1195
|
<g
|
|
1221
1196
|
transform="translate(206.000000, 45.750000)"
|
|
1222
1197
|
fill="var(--pf-t--global--text--color--regular)"
|
|
@@ -1251,19 +1226,18 @@ deprecated: true
|
|
|
1251
1226
|
d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"
|
|
1252
1227
|
/>
|
|
1253
1228
|
</g>
|
|
1254
|
-
<g
|
|
1229
|
+
<g transform="translate(0.000000, 0.000000)">
|
|
1255
1230
|
<path
|
|
1256
1231
|
d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
|
|
1257
|
-
|
|
1258
|
-
fill="var(--pf-t--global--color--brand--200)"
|
|
1232
|
+
fill="#0066CC"
|
|
1259
1233
|
/>
|
|
1260
1234
|
<path
|
|
1261
1235
|
d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
|
|
1262
|
-
fill="url(#linearGradient-
|
|
1236
|
+
fill="url(#linearGradient-context-selector-in-page-content-example-masthead)"
|
|
1263
1237
|
/>
|
|
1264
1238
|
<path
|
|
1265
1239
|
d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
|
|
1266
|
-
fill="url(#linearGradient-
|
|
1240
|
+
fill="url(#linearGradient-context-selector-in-page-content-example-masthead)"
|
|
1267
1241
|
transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
|
|
1268
1242
|
/>
|
|
1269
1243
|
</g>
|
|
@@ -1278,8 +1252,38 @@ deprecated: true
|
|
|
1278
1252
|
>
|
|
1279
1253
|
<div class="pf-v5-c-toolbar__content">
|
|
1280
1254
|
<div class="pf-v5-c-toolbar__content-section">
|
|
1255
|
+
<div class="pf-v5-c-toolbar__item">
|
|
1256
|
+
<button
|
|
1257
|
+
class="pf-v5-c-menu-toggle"
|
|
1258
|
+
type="button"
|
|
1259
|
+
aria-expanded="false"
|
|
1260
|
+
>
|
|
1261
|
+
<span class="pf-v5-c-menu-toggle__text">Overview</span>
|
|
1262
|
+
<span class="pf-v5-c-menu-toggle__controls">
|
|
1263
|
+
<span class="pf-v5-c-menu-toggle__toggle-icon">
|
|
1264
|
+
<i class="fas fa-angle-down" aria-hidden="true"></i>
|
|
1265
|
+
</span>
|
|
1266
|
+
</span>
|
|
1267
|
+
</button>
|
|
1268
|
+
</div>
|
|
1269
|
+
|
|
1270
|
+
<div class="pf-v5-c-toolbar__item">
|
|
1271
|
+
<button
|
|
1272
|
+
class="pf-v5-c-menu-toggle"
|
|
1273
|
+
type="button"
|
|
1274
|
+
aria-expanded="false"
|
|
1275
|
+
>
|
|
1276
|
+
<span class="pf-v5-c-menu-toggle__text">Services</span>
|
|
1277
|
+
<span class="pf-v5-c-menu-toggle__controls">
|
|
1278
|
+
<span class="pf-v5-c-menu-toggle__toggle-icon">
|
|
1279
|
+
<i class="fas fa-angle-down" aria-hidden="true"></i>
|
|
1280
|
+
</span>
|
|
1281
|
+
</span>
|
|
1282
|
+
</button>
|
|
1283
|
+
</div>
|
|
1284
|
+
|
|
1281
1285
|
<div
|
|
1282
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
|
|
1286
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
|
|
1283
1287
|
>
|
|
1284
1288
|
<div
|
|
1285
1289
|
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
|
|
@@ -1326,27 +1330,6 @@ deprecated: true
|
|
|
1326
1330
|
</button>
|
|
1327
1331
|
</div>
|
|
1328
1332
|
</div>
|
|
1329
|
-
<div class="pf-v5-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
|
|
1330
|
-
<button
|
|
1331
|
-
class="pf-v5-c-menu-toggle pf-m-full-height"
|
|
1332
|
-
type="button"
|
|
1333
|
-
aria-expanded="false"
|
|
1334
|
-
>
|
|
1335
|
-
<span class="pf-v5-c-menu-toggle__icon">
|
|
1336
|
-
<img
|
|
1337
|
-
class="pf-v5-c-avatar"
|
|
1338
|
-
alt="Avatar image"
|
|
1339
|
-
src="/assets/images/img_avatar-light.svg"
|
|
1340
|
-
/>
|
|
1341
|
-
</span>
|
|
1342
|
-
<span class="pf-v5-c-menu-toggle__text">Ned Username</span>
|
|
1343
|
-
<span class="pf-v5-c-menu-toggle__controls">
|
|
1344
|
-
<span class="pf-v5-c-menu-toggle__toggle-icon">
|
|
1345
|
-
<i class="fas fa-angle-down" aria-hidden="true"></i>
|
|
1346
|
-
</span>
|
|
1347
|
-
</span>
|
|
1348
|
-
</button>
|
|
1349
|
-
</div>
|
|
1350
1333
|
</div>
|
|
1351
1334
|
</div>
|
|
1352
1335
|
</div>
|
|
@@ -25,20 +25,16 @@ cssPrefix: pf-d-dashboard
|
|
|
25
25
|
</button>
|
|
26
26
|
</span>
|
|
27
27
|
<div class="pf-v5-c-masthead__main">
|
|
28
|
-
<a
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
style="--pf-v5-c-brand--Height: 36px;"
|
|
32
|
-
>
|
|
33
|
-
<svg height="36px" viewBox="0 0 679 158" role="img">
|
|
34
|
-
<title>Patternfly logo</title>
|
|
28
|
+
<a class="pf-v5-c-masthead__brand" href="#">
|
|
29
|
+
<svg height="40px" viewBox="0 0 679 158">
|
|
30
|
+
<title>PF-HorizontalLogo-Color</title>
|
|
35
31
|
<defs>
|
|
36
32
|
<linearGradient
|
|
37
33
|
x1="68%"
|
|
38
34
|
y1="2.25860997e-13%"
|
|
39
35
|
x2="32%"
|
|
40
36
|
y2="100%"
|
|
41
|
-
id="linearGradient-
|
|
37
|
+
id="linearGradient-dashboard-demo-masthead"
|
|
42
38
|
>
|
|
43
39
|
<stop stop-color="#2B9AF3" offset="0%" />
|
|
44
40
|
<stop
|
|
@@ -48,13 +44,7 @@ cssPrefix: pf-d-dashboard
|
|
|
48
44
|
/>
|
|
49
45
|
</linearGradient>
|
|
50
46
|
</defs>
|
|
51
|
-
<g
|
|
52
|
-
id="PF-HorizontalLogo-Color"
|
|
53
|
-
stroke="none"
|
|
54
|
-
stroke-width="1"
|
|
55
|
-
fill="none"
|
|
56
|
-
fill-rule="evenodd"
|
|
57
|
-
>
|
|
47
|
+
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
58
48
|
<g
|
|
59
49
|
transform="translate(206.000000, 45.750000)"
|
|
60
50
|
fill="var(--pf-t--global--text--color--regular)"
|
|
@@ -89,19 +79,18 @@ cssPrefix: pf-d-dashboard
|
|
|
89
79
|
d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"
|
|
90
80
|
/>
|
|
91
81
|
</g>
|
|
92
|
-
<g
|
|
82
|
+
<g transform="translate(0.000000, 0.000000)">
|
|
93
83
|
<path
|
|
94
84
|
d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
|
|
95
|
-
|
|
96
|
-
fill="var(--pf-t--global--color--brand--200)"
|
|
85
|
+
fill="#0066CC"
|
|
97
86
|
/>
|
|
98
87
|
<path
|
|
99
88
|
d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
|
|
100
|
-
fill="url(#linearGradient-
|
|
89
|
+
fill="url(#linearGradient-dashboard-demo-masthead)"
|
|
101
90
|
/>
|
|
102
91
|
<path
|
|
103
92
|
d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
|
|
104
|
-
fill="url(#linearGradient-
|
|
93
|
+
fill="url(#linearGradient-dashboard-demo-masthead)"
|
|
105
94
|
transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
|
|
106
95
|
/>
|
|
107
96
|
</g>
|
|
@@ -116,8 +105,38 @@ cssPrefix: pf-d-dashboard
|
|
|
116
105
|
>
|
|
117
106
|
<div class="pf-v5-c-toolbar__content">
|
|
118
107
|
<div class="pf-v5-c-toolbar__content-section">
|
|
108
|
+
<div class="pf-v5-c-toolbar__item">
|
|
109
|
+
<button
|
|
110
|
+
class="pf-v5-c-menu-toggle"
|
|
111
|
+
type="button"
|
|
112
|
+
aria-expanded="false"
|
|
113
|
+
>
|
|
114
|
+
<span class="pf-v5-c-menu-toggle__text">Overview</span>
|
|
115
|
+
<span class="pf-v5-c-menu-toggle__controls">
|
|
116
|
+
<span class="pf-v5-c-menu-toggle__toggle-icon">
|
|
117
|
+
<i class="fas fa-angle-down" aria-hidden="true"></i>
|
|
118
|
+
</span>
|
|
119
|
+
</span>
|
|
120
|
+
</button>
|
|
121
|
+
</div>
|
|
122
|
+
|
|
123
|
+
<div class="pf-v5-c-toolbar__item">
|
|
124
|
+
<button
|
|
125
|
+
class="pf-v5-c-menu-toggle"
|
|
126
|
+
type="button"
|
|
127
|
+
aria-expanded="false"
|
|
128
|
+
>
|
|
129
|
+
<span class="pf-v5-c-menu-toggle__text">Services</span>
|
|
130
|
+
<span class="pf-v5-c-menu-toggle__controls">
|
|
131
|
+
<span class="pf-v5-c-menu-toggle__toggle-icon">
|
|
132
|
+
<i class="fas fa-angle-down" aria-hidden="true"></i>
|
|
133
|
+
</span>
|
|
134
|
+
</span>
|
|
135
|
+
</button>
|
|
136
|
+
</div>
|
|
137
|
+
|
|
119
138
|
<div
|
|
120
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
|
|
139
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
|
|
121
140
|
>
|
|
122
141
|
<div
|
|
123
142
|
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
|
|
@@ -164,27 +183,6 @@ cssPrefix: pf-d-dashboard
|
|
|
164
183
|
</button>
|
|
165
184
|
</div>
|
|
166
185
|
</div>
|
|
167
|
-
<div class="pf-v5-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
|
|
168
|
-
<button
|
|
169
|
-
class="pf-v5-c-menu-toggle pf-m-full-height"
|
|
170
|
-
type="button"
|
|
171
|
-
aria-expanded="false"
|
|
172
|
-
>
|
|
173
|
-
<span class="pf-v5-c-menu-toggle__icon">
|
|
174
|
-
<img
|
|
175
|
-
class="pf-v5-c-avatar"
|
|
176
|
-
alt="Avatar image"
|
|
177
|
-
src="/assets/images/img_avatar-light.svg"
|
|
178
|
-
/>
|
|
179
|
-
</span>
|
|
180
|
-
<span class="pf-v5-c-menu-toggle__text">Ned Username</span>
|
|
181
|
-
<span class="pf-v5-c-menu-toggle__controls">
|
|
182
|
-
<span class="pf-v5-c-menu-toggle__toggle-icon">
|
|
183
|
-
<i class="fas fa-angle-down" aria-hidden="true"></i>
|
|
184
|
-
</span>
|
|
185
|
-
</span>
|
|
186
|
-
</button>
|
|
187
|
-
</div>
|
|
188
186
|
</div>
|
|
189
187
|
</div>
|
|
190
188
|
</div>
|