@patternfly/patternfly 6.0.0-alpha.63 → 6.0.0-alpha.64
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/ActionList/action-list.css +18 -17
- package/components/ActionList/action-list.scss +26 -16
- package/components/Button/button.css +4 -9
- package/components/Button/button.scss +4 -9
- package/components/Masthead/masthead.css +15 -29
- package/components/Masthead/masthead.scss +20 -36
- package/components/OverflowMenu/overflow-menu.css +17 -47
- package/components/OverflowMenu/overflow-menu.scss +27 -65
- package/components/Pagination/pagination.css +6 -3
- package/components/Pagination/pagination.scss +4 -3
- package/components/Toolbar/toolbar.css +2525 -1040
- package/components/Toolbar/toolbar.scss +232 -534
- package/docs/components/ActionList/examples/ActionList.md +73 -22
- package/docs/components/LogViewer/examples/LogViewer.md +50 -50
- package/docs/components/Toolbar/examples/Toolbar.css +20 -15
- package/docs/components/Toolbar/examples/Toolbar.md +374 -419
- package/docs/demos/AboutModal/examples/AboutModal.md +2 -2
- package/docs/demos/Alert/examples/Alert.md +6 -6
- package/docs/demos/BackToTop/examples/BackToTop.md +2 -2
- package/docs/demos/Banner/examples/Banner.md +4 -4
- package/docs/demos/CardView/examples/CardView.md +3 -3
- package/docs/demos/ContextSelector/examples/ContextSelector.md +7 -7
- package/docs/demos/Dashboard/examples/Dashboard.md +2 -2
- package/docs/demos/DataList/examples/DataList.md +11 -11
- package/docs/demos/DescriptionList/examples/DescriptionList.md +6 -6
- package/docs/demos/Drawer/examples/Drawer.md +10 -10
- package/docs/demos/JumpLinks/examples/JumpLinks.md +12 -12
- package/docs/demos/Masthead/examples/Masthead.md +21 -21
- package/docs/demos/Modal/examples/Modal.md +12 -12
- package/docs/demos/Nav/examples/Nav.md +12 -12
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +10 -10
- package/docs/demos/Page/examples/Page.md +18 -18
- package/docs/demos/Page/examples/Penta.md +2 -2
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +19 -19
- package/docs/demos/Skeleton/examples/Skeleton.md +2 -2
- package/docs/demos/Table/examples/Table.md +42 -45
- package/docs/demos/Tabs/examples/Tabs.md +13 -13
- package/docs/demos/Toolbar/examples/Toolbar.md +13 -13
- package/docs/demos/Wizard/examples/Wizard.md +18 -18
- package/package.json +1 -1
- package/patternfly-no-globals.css +2579 -1114
- package/patternfly-theme-dark-unversioned.css +2579 -1114
- package/patternfly.css +2579 -1114
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -8,25 +8,33 @@ cssPrefix: pf-v5-c-action-list
|
|
|
8
8
|
|
|
9
9
|
```html
|
|
10
10
|
<div class="pf-v5-c-action-list">
|
|
11
|
-
<div class="pf-v5-c-action-
|
|
12
|
-
<
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
<
|
|
11
|
+
<div class="pf-v5-c-action-list__group">
|
|
12
|
+
<div class="pf-v5-c-action-list__item">
|
|
13
|
+
<button class="pf-v5-c-button pf-m-primary" type="button">Next</button>
|
|
14
|
+
</div>
|
|
15
|
+
<div class="pf-v5-c-action-list__item">
|
|
16
|
+
<button class="pf-v5-c-button pf-m-secondary" type="button">Back</button>
|
|
17
|
+
</div>
|
|
16
18
|
</div>
|
|
17
19
|
</div>
|
|
18
20
|
<br />With kebab
|
|
19
21
|
<div class="pf-v5-c-action-list">
|
|
20
|
-
<div class="pf-v5-c-action-
|
|
21
|
-
<
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
<
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
<
|
|
28
|
-
<
|
|
29
|
-
|
|
22
|
+
<div class="pf-v5-c-action-list__group">
|
|
23
|
+
<div class="pf-v5-c-action-list__item">
|
|
24
|
+
<button class="pf-v5-c-button pf-m-primary" type="button">Next</button>
|
|
25
|
+
</div>
|
|
26
|
+
<div class="pf-v5-c-action-list__item">
|
|
27
|
+
<button class="pf-v5-c-button pf-m-secondary" type="button">Back</button>
|
|
28
|
+
</div>
|
|
29
|
+
<div class="pf-v5-c-action-list__item">
|
|
30
|
+
<button
|
|
31
|
+
class="pf-v5-c-button pf-m-plain"
|
|
32
|
+
type="button"
|
|
33
|
+
aria-label="Kebab"
|
|
34
|
+
>
|
|
35
|
+
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
36
|
+
</button>
|
|
37
|
+
</div>
|
|
30
38
|
</div>
|
|
31
39
|
</div>
|
|
32
40
|
|
|
@@ -47,6 +55,49 @@ cssPrefix: pf-v5-c-action-list
|
|
|
47
55
|
</button>
|
|
48
56
|
</div>
|
|
49
57
|
</div>
|
|
58
|
+
<br />With group icons wrapper
|
|
59
|
+
<div class="pf-v5-c-action-list">
|
|
60
|
+
<div class="pf-v5-c-action-list__group pf-m-icons">
|
|
61
|
+
<div class="pf-v5-c-action-list__item">
|
|
62
|
+
<button
|
|
63
|
+
class="pf-v5-c-button pf-m-plain"
|
|
64
|
+
type="button"
|
|
65
|
+
aria-label="Close"
|
|
66
|
+
>
|
|
67
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
68
|
+
</button>
|
|
69
|
+
</div>
|
|
70
|
+
<div class="pf-v5-c-action-list__item">
|
|
71
|
+
<button
|
|
72
|
+
class="pf-v5-c-button pf-m-plain"
|
|
73
|
+
type="button"
|
|
74
|
+
aria-label="Kebab"
|
|
75
|
+
>
|
|
76
|
+
<i class="fas fa-check" aria-hidden="true"></i>
|
|
77
|
+
</button>
|
|
78
|
+
</div>
|
|
79
|
+
</div>
|
|
80
|
+
<div class="pf-v5-c-action-list__group pf-m-icons">
|
|
81
|
+
<div class="pf-v5-c-action-list__item">
|
|
82
|
+
<button
|
|
83
|
+
class="pf-v5-c-button pf-m-plain"
|
|
84
|
+
type="button"
|
|
85
|
+
aria-label="Close"
|
|
86
|
+
>
|
|
87
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
88
|
+
</button>
|
|
89
|
+
</div>
|
|
90
|
+
<div class="pf-v5-c-action-list__item">
|
|
91
|
+
<button
|
|
92
|
+
class="pf-v5-c-button pf-m-plain"
|
|
93
|
+
type="button"
|
|
94
|
+
aria-label="Kebab"
|
|
95
|
+
>
|
|
96
|
+
<i class="fas fa-check" aria-hidden="true"></i>
|
|
97
|
+
</button>
|
|
98
|
+
</div>
|
|
99
|
+
</div>
|
|
100
|
+
</div>
|
|
50
101
|
|
|
51
102
|
```
|
|
52
103
|
|
|
@@ -79,11 +130,13 @@ cssPrefix: pf-v5-c-action-list
|
|
|
79
130
|
```html
|
|
80
131
|
In modals, forms, data lists
|
|
81
132
|
<div class="pf-v5-c-action-list">
|
|
82
|
-
<div class="pf-v5-c-action-
|
|
83
|
-
<
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
<
|
|
133
|
+
<div class="pf-v5-c-action-list__group">
|
|
134
|
+
<div class="pf-v5-c-action-list__item">
|
|
135
|
+
<button class="pf-v5-c-button pf-m-primary" type="button">Save</button>
|
|
136
|
+
</div>
|
|
137
|
+
<div class="pf-v5-c-action-list__item">
|
|
138
|
+
<button class="pf-v5-c-button pf-m-link" type="button">Cancel</button>
|
|
139
|
+
</div>
|
|
87
140
|
</div>
|
|
88
141
|
</div>
|
|
89
142
|
<br />In wizards
|
|
@@ -95,8 +148,6 @@ In modals, forms, data lists
|
|
|
95
148
|
<div class="pf-v5-c-action-list__item">
|
|
96
149
|
<button class="pf-v5-c-button pf-m-secondary" type="button">Back</button>
|
|
97
150
|
</div>
|
|
98
|
-
</div>
|
|
99
|
-
<div class="pf-v5-c-action-list__group">
|
|
100
151
|
<div class="pf-v5-c-action-list__item">
|
|
101
152
|
<button class="pf-v5-c-button pf-m-link" type="button">Cancel</button>
|
|
102
153
|
</div>
|
|
@@ -80,7 +80,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
80
80
|
</div>
|
|
81
81
|
</div>
|
|
82
82
|
<div class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-lg">
|
|
83
|
-
<div class="pf-v5-c-toolbar__toggle">
|
|
83
|
+
<div class="pf-v5-c-toolbar__toggle pf-m-show">
|
|
84
84
|
<button
|
|
85
85
|
class="pf-v5-c-menu-toggle pf-m-plain"
|
|
86
86
|
type="button"
|
|
@@ -113,7 +113,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
113
113
|
</div>
|
|
114
114
|
</div>
|
|
115
115
|
</div>
|
|
116
|
-
<div class="pf-v5-c-toolbar__item pf-m-
|
|
116
|
+
<div class="pf-v5-c-toolbar__item pf-m-gap-none">
|
|
117
117
|
<button class="pf-v5-c-button pf-m-link" type="button">
|
|
118
118
|
<span class="pf-v5-c-button__icon pf-m-start">
|
|
119
119
|
<i class="fas fa-pause" aria-hidden="true"></i>
|
|
@@ -122,7 +122,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
122
122
|
</button>
|
|
123
123
|
</div>
|
|
124
124
|
<div
|
|
125
|
-
class="pf-v5-c-toolbar__item pf-m-align-
|
|
125
|
+
class="pf-v5-c-toolbar__item pf-m-align-end pf-m-hidden-on-lg pf-m-gap-none"
|
|
126
126
|
>
|
|
127
127
|
<div class="pf-v5-c-dropdown">
|
|
128
128
|
<button
|
|
@@ -330,7 +330,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
330
330
|
</div>
|
|
331
331
|
</div>
|
|
332
332
|
<div
|
|
333
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-
|
|
333
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-hidden pf-m-visible-on-lg"
|
|
334
334
|
>
|
|
335
335
|
<div class="pf-v5-c-toolbar__item">
|
|
336
336
|
<button class="pf-v5-c-button pf-m-link" type="button">Clear log</button>
|
|
@@ -347,7 +347,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
347
347
|
<i class="fas fa-cog" aria-hidden="true"></i>
|
|
348
348
|
</button>
|
|
349
349
|
<ul
|
|
350
|
-
class="pf-v5-c-dropdown__menu pf-m-align-
|
|
350
|
+
class="pf-v5-c-dropdown__menu pf-m-align-end"
|
|
351
351
|
aria-labelledby="log-viewer-basic-example-settings-dropdown-button"
|
|
352
352
|
hidden
|
|
353
353
|
role="menu"
|
|
@@ -650,7 +650,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
650
650
|
</div>
|
|
651
651
|
</div>
|
|
652
652
|
<div class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-lg">
|
|
653
|
-
<div class="pf-v5-c-toolbar__toggle">
|
|
653
|
+
<div class="pf-v5-c-toolbar__toggle pf-m-show">
|
|
654
654
|
<button
|
|
655
655
|
class="pf-v5-c-menu-toggle pf-m-plain"
|
|
656
656
|
type="button"
|
|
@@ -683,7 +683,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
683
683
|
</div>
|
|
684
684
|
</div>
|
|
685
685
|
</div>
|
|
686
|
-
<div class="pf-v5-c-toolbar__item pf-m-
|
|
686
|
+
<div class="pf-v5-c-toolbar__item pf-m-gap-none">
|
|
687
687
|
<button class="pf-v5-c-button pf-m-link" type="button">
|
|
688
688
|
<span class="pf-v5-c-button__icon pf-m-start">
|
|
689
689
|
<i class="fas fa-pause" aria-hidden="true"></i>
|
|
@@ -692,7 +692,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
692
692
|
</button>
|
|
693
693
|
</div>
|
|
694
694
|
<div
|
|
695
|
-
class="pf-v5-c-toolbar__item pf-m-align-
|
|
695
|
+
class="pf-v5-c-toolbar__item pf-m-align-end pf-m-hidden-on-lg pf-m-gap-none"
|
|
696
696
|
>
|
|
697
697
|
<div class="pf-v5-c-dropdown">
|
|
698
698
|
<button
|
|
@@ -900,7 +900,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
900
900
|
</div>
|
|
901
901
|
</div>
|
|
902
902
|
<div
|
|
903
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-
|
|
903
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-hidden pf-m-visible-on-lg"
|
|
904
904
|
>
|
|
905
905
|
<div class="pf-v5-c-toolbar__item">
|
|
906
906
|
<button class="pf-v5-c-button pf-m-link" type="button">Clear log</button>
|
|
@@ -917,7 +917,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
917
917
|
<i class="fas fa-cog" aria-hidden="true"></i>
|
|
918
918
|
</button>
|
|
919
919
|
<ul
|
|
920
|
-
class="pf-v5-c-dropdown__menu pf-m-align-
|
|
920
|
+
class="pf-v5-c-dropdown__menu pf-m-align-end"
|
|
921
921
|
aria-labelledby="log-viewer-line-number-example-settings-dropdown-button"
|
|
922
922
|
hidden
|
|
923
923
|
role="menu"
|
|
@@ -1220,7 +1220,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
1220
1220
|
</div>
|
|
1221
1221
|
</div>
|
|
1222
1222
|
<div class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-lg">
|
|
1223
|
-
<div class="pf-v5-c-toolbar__toggle">
|
|
1223
|
+
<div class="pf-v5-c-toolbar__toggle pf-m-show">
|
|
1224
1224
|
<button
|
|
1225
1225
|
class="pf-v5-c-menu-toggle pf-m-plain"
|
|
1226
1226
|
type="button"
|
|
@@ -1253,7 +1253,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
1253
1253
|
</div>
|
|
1254
1254
|
</div>
|
|
1255
1255
|
</div>
|
|
1256
|
-
<div class="pf-v5-c-toolbar__item pf-m-
|
|
1256
|
+
<div class="pf-v5-c-toolbar__item pf-m-gap-none">
|
|
1257
1257
|
<button class="pf-v5-c-button pf-m-link" type="button">
|
|
1258
1258
|
<span class="pf-v5-c-button__icon pf-m-start">
|
|
1259
1259
|
<i class="fas fa-pause" aria-hidden="true"></i>
|
|
@@ -1262,7 +1262,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
1262
1262
|
</button>
|
|
1263
1263
|
</div>
|
|
1264
1264
|
<div
|
|
1265
|
-
class="pf-v5-c-toolbar__item pf-m-align-
|
|
1265
|
+
class="pf-v5-c-toolbar__item pf-m-align-end pf-m-hidden-on-lg pf-m-gap-none"
|
|
1266
1266
|
>
|
|
1267
1267
|
<div class="pf-v5-c-dropdown">
|
|
1268
1268
|
<button
|
|
@@ -1470,7 +1470,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
1470
1470
|
</div>
|
|
1471
1471
|
</div>
|
|
1472
1472
|
<div
|
|
1473
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-
|
|
1473
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-hidden pf-m-visible-on-lg"
|
|
1474
1474
|
>
|
|
1475
1475
|
<div class="pf-v5-c-toolbar__item">
|
|
1476
1476
|
<button class="pf-v5-c-button pf-m-link" type="button">Clear log</button>
|
|
@@ -1487,7 +1487,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
1487
1487
|
<i class="fas fa-cog" aria-hidden="true"></i>
|
|
1488
1488
|
</button>
|
|
1489
1489
|
<ul
|
|
1490
|
-
class="pf-v5-c-dropdown__menu pf-m-align-
|
|
1490
|
+
class="pf-v5-c-dropdown__menu pf-m-align-end"
|
|
1491
1491
|
aria-labelledby="log-viewer-line-number-chars-example-settings-dropdown-button"
|
|
1492
1492
|
hidden
|
|
1493
1493
|
role="menu"
|
|
@@ -1790,7 +1790,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
1790
1790
|
</div>
|
|
1791
1791
|
</div>
|
|
1792
1792
|
<div class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-lg">
|
|
1793
|
-
<div class="pf-v5-c-toolbar__toggle">
|
|
1793
|
+
<div class="pf-v5-c-toolbar__toggle pf-m-show">
|
|
1794
1794
|
<button
|
|
1795
1795
|
class="pf-v5-c-menu-toggle pf-m-plain"
|
|
1796
1796
|
type="button"
|
|
@@ -1823,7 +1823,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
1823
1823
|
</div>
|
|
1824
1824
|
</div>
|
|
1825
1825
|
</div>
|
|
1826
|
-
<div class="pf-v5-c-toolbar__item pf-m-
|
|
1826
|
+
<div class="pf-v5-c-toolbar__item pf-m-gap-none">
|
|
1827
1827
|
<button class="pf-v5-c-button pf-m-link" type="button">
|
|
1828
1828
|
<span class="pf-v5-c-button__icon pf-m-start">
|
|
1829
1829
|
<i class="fas fa-pause" aria-hidden="true"></i>
|
|
@@ -1832,7 +1832,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
1832
1832
|
</button>
|
|
1833
1833
|
</div>
|
|
1834
1834
|
<div
|
|
1835
|
-
class="pf-v5-c-toolbar__item pf-m-align-
|
|
1835
|
+
class="pf-v5-c-toolbar__item pf-m-align-end pf-m-hidden-on-lg pf-m-gap-none"
|
|
1836
1836
|
>
|
|
1837
1837
|
<div class="pf-v5-c-dropdown">
|
|
1838
1838
|
<button
|
|
@@ -2040,7 +2040,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
2040
2040
|
</div>
|
|
2041
2041
|
</div>
|
|
2042
2042
|
<div
|
|
2043
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-
|
|
2043
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-hidden pf-m-visible-on-lg"
|
|
2044
2044
|
>
|
|
2045
2045
|
<div class="pf-v5-c-toolbar__item">
|
|
2046
2046
|
<button class="pf-v5-c-button pf-m-link" type="button">Clear log</button>
|
|
@@ -2057,7 +2057,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
2057
2057
|
<i class="fas fa-cog" aria-hidden="true"></i>
|
|
2058
2058
|
</button>
|
|
2059
2059
|
<ul
|
|
2060
|
-
class="pf-v5-c-dropdown__menu pf-m-align-
|
|
2060
|
+
class="pf-v5-c-dropdown__menu pf-m-align-end"
|
|
2061
2061
|
aria-labelledby="log-viewer-text-wrap-example-settings-dropdown-button"
|
|
2062
2062
|
hidden
|
|
2063
2063
|
role="menu"
|
|
@@ -2360,7 +2360,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
2360
2360
|
</div>
|
|
2361
2361
|
</div>
|
|
2362
2362
|
<div class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-lg">
|
|
2363
|
-
<div class="pf-v5-c-toolbar__toggle">
|
|
2363
|
+
<div class="pf-v5-c-toolbar__toggle pf-m-show">
|
|
2364
2364
|
<button
|
|
2365
2365
|
class="pf-v5-c-menu-toggle pf-m-plain"
|
|
2366
2366
|
type="button"
|
|
@@ -2393,7 +2393,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
2393
2393
|
</div>
|
|
2394
2394
|
</div>
|
|
2395
2395
|
</div>
|
|
2396
|
-
<div class="pf-v5-c-toolbar__item pf-m-
|
|
2396
|
+
<div class="pf-v5-c-toolbar__item pf-m-gap-none">
|
|
2397
2397
|
<button class="pf-v5-c-button pf-m-link" type="button">
|
|
2398
2398
|
<span class="pf-v5-c-button__icon pf-m-start">
|
|
2399
2399
|
<i class="fas fa-pause" aria-hidden="true"></i>
|
|
@@ -2402,7 +2402,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
2402
2402
|
</button>
|
|
2403
2403
|
</div>
|
|
2404
2404
|
<div
|
|
2405
|
-
class="pf-v5-c-toolbar__item pf-m-align-
|
|
2405
|
+
class="pf-v5-c-toolbar__item pf-m-align-end pf-m-hidden-on-lg pf-m-gap-none"
|
|
2406
2406
|
>
|
|
2407
2407
|
<div class="pf-v5-c-dropdown">
|
|
2408
2408
|
<button
|
|
@@ -2610,7 +2610,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
2610
2610
|
</div>
|
|
2611
2611
|
</div>
|
|
2612
2612
|
<div
|
|
2613
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-
|
|
2613
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-hidden pf-m-visible-on-lg"
|
|
2614
2614
|
>
|
|
2615
2615
|
<div class="pf-v5-c-toolbar__item">
|
|
2616
2616
|
<button class="pf-v5-c-button pf-m-link" type="button">Clear log</button>
|
|
@@ -2627,7 +2627,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
2627
2627
|
<i class="fas fa-cog" aria-hidden="true"></i>
|
|
2628
2628
|
</button>
|
|
2629
2629
|
<ul
|
|
2630
|
-
class="pf-v5-c-dropdown__menu pf-m-align-
|
|
2630
|
+
class="pf-v5-c-dropdown__menu pf-m-align-end"
|
|
2631
2631
|
aria-labelledby="log-viewer-text-nowrap-example-settings-dropdown-button"
|
|
2632
2632
|
hidden
|
|
2633
2633
|
role="menu"
|
|
@@ -2930,7 +2930,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
2930
2930
|
</div>
|
|
2931
2931
|
</div>
|
|
2932
2932
|
<div class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-lg">
|
|
2933
|
-
<div class="pf-v5-c-toolbar__toggle">
|
|
2933
|
+
<div class="pf-v5-c-toolbar__toggle pf-m-show">
|
|
2934
2934
|
<button
|
|
2935
2935
|
class="pf-v5-c-menu-toggle pf-m-plain"
|
|
2936
2936
|
type="button"
|
|
@@ -2990,7 +2990,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
2990
2990
|
</div>
|
|
2991
2991
|
</div>
|
|
2992
2992
|
</div>
|
|
2993
|
-
<div class="pf-v5-c-toolbar__item pf-m-
|
|
2993
|
+
<div class="pf-v5-c-toolbar__item pf-m-gap-none">
|
|
2994
2994
|
<button class="pf-v5-c-button pf-m-link" type="button">
|
|
2995
2995
|
<span class="pf-v5-c-button__icon pf-m-start">
|
|
2996
2996
|
<i class="fas fa-pause" aria-hidden="true"></i>
|
|
@@ -2999,7 +2999,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
2999
2999
|
</button>
|
|
3000
3000
|
</div>
|
|
3001
3001
|
<div
|
|
3002
|
-
class="pf-v5-c-toolbar__item pf-m-align-
|
|
3002
|
+
class="pf-v5-c-toolbar__item pf-m-align-end pf-m-hidden-on-lg pf-m-gap-none"
|
|
3003
3003
|
>
|
|
3004
3004
|
<div class="pf-v5-c-dropdown">
|
|
3005
3005
|
<button
|
|
@@ -3207,7 +3207,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
3207
3207
|
</div>
|
|
3208
3208
|
</div>
|
|
3209
3209
|
<div
|
|
3210
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-
|
|
3210
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-hidden pf-m-visible-on-lg"
|
|
3211
3211
|
>
|
|
3212
3212
|
<div class="pf-v5-c-toolbar__item">
|
|
3213
3213
|
<button class="pf-v5-c-button pf-m-link" type="button">Clear log</button>
|
|
@@ -3224,7 +3224,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
3224
3224
|
<i class="fas fa-cog" aria-hidden="true"></i>
|
|
3225
3225
|
</button>
|
|
3226
3226
|
<ul
|
|
3227
|
-
class="pf-v5-c-dropdown__menu pf-m-align-
|
|
3227
|
+
class="pf-v5-c-dropdown__menu pf-m-align-end"
|
|
3228
3228
|
aria-labelledby="log-viewer-search-results-example-settings-dropdown-button"
|
|
3229
3229
|
hidden
|
|
3230
3230
|
role="menu"
|
|
@@ -3570,7 +3570,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
3570
3570
|
</div>
|
|
3571
3571
|
</div>
|
|
3572
3572
|
<div class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-lg">
|
|
3573
|
-
<div class="pf-v5-c-toolbar__toggle">
|
|
3573
|
+
<div class="pf-v5-c-toolbar__toggle pf-m-show">
|
|
3574
3574
|
<button
|
|
3575
3575
|
class="pf-v5-c-menu-toggle pf-m-plain"
|
|
3576
3576
|
type="button"
|
|
@@ -3603,7 +3603,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
3603
3603
|
</div>
|
|
3604
3604
|
</div>
|
|
3605
3605
|
</div>
|
|
3606
|
-
<div class="pf-v5-c-toolbar__item pf-m-
|
|
3606
|
+
<div class="pf-v5-c-toolbar__item pf-m-gap-none">
|
|
3607
3607
|
<button class="pf-v5-c-button pf-m-link" type="button">
|
|
3608
3608
|
<span class="pf-v5-c-button__icon pf-m-start">
|
|
3609
3609
|
<i class="fas fa-pause" aria-hidden="true"></i>
|
|
@@ -3612,7 +3612,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
3612
3612
|
</button>
|
|
3613
3613
|
</div>
|
|
3614
3614
|
<div
|
|
3615
|
-
class="pf-v5-c-toolbar__item pf-m-align-
|
|
3615
|
+
class="pf-v5-c-toolbar__item pf-m-align-end pf-m-hidden-on-lg pf-m-gap-none"
|
|
3616
3616
|
>
|
|
3617
3617
|
<div class="pf-v5-c-dropdown">
|
|
3618
3618
|
<button
|
|
@@ -3820,7 +3820,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
3820
3820
|
</div>
|
|
3821
3821
|
</div>
|
|
3822
3822
|
<div
|
|
3823
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-
|
|
3823
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-hidden pf-m-visible-on-lg"
|
|
3824
3824
|
>
|
|
3825
3825
|
<div class="pf-v5-c-toolbar__item">
|
|
3826
3826
|
<button class="pf-v5-c-button pf-m-link" type="button">Clear log</button>
|
|
@@ -3837,7 +3837,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
3837
3837
|
<i class="fas fa-cog" aria-hidden="true"></i>
|
|
3838
3838
|
</button>
|
|
3839
3839
|
<ul
|
|
3840
|
-
class="pf-v5-c-dropdown__menu pf-m-align-
|
|
3840
|
+
class="pf-v5-c-dropdown__menu pf-m-align-end"
|
|
3841
3841
|
aria-labelledby="log-viewer-max-height-example-settings-dropdown-button"
|
|
3842
3842
|
hidden
|
|
3843
3843
|
role="menu"
|
|
@@ -4140,7 +4140,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
4140
4140
|
</div>
|
|
4141
4141
|
</div>
|
|
4142
4142
|
<div class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-lg">
|
|
4143
|
-
<div class="pf-v5-c-toolbar__toggle">
|
|
4143
|
+
<div class="pf-v5-c-toolbar__toggle pf-m-show">
|
|
4144
4144
|
<button
|
|
4145
4145
|
class="pf-v5-c-menu-toggle pf-m-plain"
|
|
4146
4146
|
type="button"
|
|
@@ -4173,7 +4173,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
4173
4173
|
</div>
|
|
4174
4174
|
</div>
|
|
4175
4175
|
</div>
|
|
4176
|
-
<div class="pf-v5-c-toolbar__item pf-m-
|
|
4176
|
+
<div class="pf-v5-c-toolbar__item pf-m-gap-none">
|
|
4177
4177
|
<button class="pf-v5-c-button pf-m-link" type="button">
|
|
4178
4178
|
<span class="pf-v5-c-button__icon pf-m-start">
|
|
4179
4179
|
<i class="fas fa-pause" aria-hidden="true"></i>
|
|
@@ -4182,7 +4182,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
4182
4182
|
</button>
|
|
4183
4183
|
</div>
|
|
4184
4184
|
<div
|
|
4185
|
-
class="pf-v5-c-toolbar__item pf-m-align-
|
|
4185
|
+
class="pf-v5-c-toolbar__item pf-m-align-end pf-m-hidden-on-lg pf-m-gap-none"
|
|
4186
4186
|
>
|
|
4187
4187
|
<div class="pf-v5-c-dropdown pf-m-expanded">
|
|
4188
4188
|
<button
|
|
@@ -4389,7 +4389,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
4389
4389
|
</div>
|
|
4390
4390
|
</div>
|
|
4391
4391
|
<div
|
|
4392
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-
|
|
4392
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-hidden pf-m-visible-on-lg"
|
|
4393
4393
|
>
|
|
4394
4394
|
<div class="pf-v5-c-toolbar__item">
|
|
4395
4395
|
<button class="pf-v5-c-button pf-m-link" type="button">Clear log</button>
|
|
@@ -4406,7 +4406,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
4406
4406
|
<i class="fas fa-cog" aria-hidden="true"></i>
|
|
4407
4407
|
</button>
|
|
4408
4408
|
<ul
|
|
4409
|
-
class="pf-v5-c-dropdown__menu pf-m-align-
|
|
4409
|
+
class="pf-v5-c-dropdown__menu pf-m-align-end"
|
|
4410
4410
|
aria-labelledby="log-viewer-dropdowns-expanded-example-settings-dropdown-button"
|
|
4411
4411
|
role="menu"
|
|
4412
4412
|
>
|
|
@@ -4708,7 +4708,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
4708
4708
|
</div>
|
|
4709
4709
|
</div>
|
|
4710
4710
|
<div class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-lg">
|
|
4711
|
-
<div class="pf-v5-c-toolbar__toggle">
|
|
4711
|
+
<div class="pf-v5-c-toolbar__toggle pf-m-show">
|
|
4712
4712
|
<button
|
|
4713
4713
|
class="pf-v5-c-menu-toggle pf-m-plain"
|
|
4714
4714
|
type="button"
|
|
@@ -4741,7 +4741,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
4741
4741
|
</div>
|
|
4742
4742
|
</div>
|
|
4743
4743
|
</div>
|
|
4744
|
-
<div class="pf-v5-c-toolbar__item pf-m-
|
|
4744
|
+
<div class="pf-v5-c-toolbar__item pf-m-gap-none">
|
|
4745
4745
|
<button class="pf-v5-c-button pf-m-link" type="button">
|
|
4746
4746
|
<span class="pf-v5-c-button__icon pf-m-start">
|
|
4747
4747
|
<i class="fas fa-pause" aria-hidden="true"></i>
|
|
@@ -4750,7 +4750,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
4750
4750
|
</button>
|
|
4751
4751
|
</div>
|
|
4752
4752
|
<div
|
|
4753
|
-
class="pf-v5-c-toolbar__item pf-m-align-
|
|
4753
|
+
class="pf-v5-c-toolbar__item pf-m-align-end pf-m-hidden-on-lg pf-m-gap-none"
|
|
4754
4754
|
>
|
|
4755
4755
|
<div class="pf-v5-c-dropdown">
|
|
4756
4756
|
<button
|
|
@@ -4958,7 +4958,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
4958
4958
|
</div>
|
|
4959
4959
|
</div>
|
|
4960
4960
|
<div
|
|
4961
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-
|
|
4961
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-hidden pf-m-visible-on-lg"
|
|
4962
4962
|
>
|
|
4963
4963
|
<div class="pf-v5-c-toolbar__item">
|
|
4964
4964
|
<button class="pf-v5-c-button pf-m-link" type="button">Clear log</button>
|
|
@@ -4975,7 +4975,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
4975
4975
|
<i class="fas fa-cog" aria-hidden="true"></i>
|
|
4976
4976
|
</button>
|
|
4977
4977
|
<ul
|
|
4978
|
-
class="pf-v5-c-dropdown__menu pf-m-align-
|
|
4978
|
+
class="pf-v5-c-dropdown__menu pf-m-align-end"
|
|
4979
4979
|
aria-labelledby="log-viewer-popover-expanded-example-settings-dropdown-button"
|
|
4980
4980
|
hidden
|
|
4981
4981
|
role="menu"
|
|
@@ -5311,7 +5311,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
5311
5311
|
</div>
|
|
5312
5312
|
</div>
|
|
5313
5313
|
<div class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-lg">
|
|
5314
|
-
<div class="pf-v5-c-toolbar__toggle">
|
|
5314
|
+
<div class="pf-v5-c-toolbar__toggle pf-m-show">
|
|
5315
5315
|
<button
|
|
5316
5316
|
class="pf-v5-c-menu-toggle pf-m-plain"
|
|
5317
5317
|
type="button"
|
|
@@ -5371,7 +5371,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
5371
5371
|
</div>
|
|
5372
5372
|
</div>
|
|
5373
5373
|
</div>
|
|
5374
|
-
<div class="pf-v5-c-toolbar__item pf-m-
|
|
5374
|
+
<div class="pf-v5-c-toolbar__item pf-m-gap-none">
|
|
5375
5375
|
<button class="pf-v5-c-button pf-m-link" type="button">
|
|
5376
5376
|
<span class="pf-v5-c-button__icon pf-m-start">
|
|
5377
5377
|
<i class="fas fa-pause" aria-hidden="true"></i>
|
|
@@ -5380,7 +5380,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
5380
5380
|
</button>
|
|
5381
5381
|
</div>
|
|
5382
5382
|
<div
|
|
5383
|
-
class="pf-v5-c-toolbar__item pf-m-align-
|
|
5383
|
+
class="pf-v5-c-toolbar__item pf-m-align-end pf-m-hidden-on-lg pf-m-gap-none"
|
|
5384
5384
|
>
|
|
5385
5385
|
<div class="pf-v5-c-dropdown">
|
|
5386
5386
|
<button
|
|
@@ -5588,7 +5588,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
5588
5588
|
</div>
|
|
5589
5589
|
</div>
|
|
5590
5590
|
<div
|
|
5591
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-
|
|
5591
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-hidden pf-m-visible-on-lg"
|
|
5592
5592
|
>
|
|
5593
5593
|
<div class="pf-v5-c-toolbar__item">
|
|
5594
5594
|
<button class="pf-v5-c-button pf-m-link" type="button">Clear log</button>
|
|
@@ -5605,7 +5605,7 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
5605
5605
|
<i class="fas fa-cog" aria-hidden="true"></i>
|
|
5606
5606
|
</button>
|
|
5607
5607
|
<ul
|
|
5608
|
-
class="pf-v5-c-dropdown__menu pf-m-align-
|
|
5608
|
+
class="pf-v5-c-dropdown__menu pf-m-align-end"
|
|
5609
5609
|
aria-labelledby="log-viewer-dark-example-settings-dropdown-button"
|
|
5610
5610
|
hidden
|
|
5611
5611
|
role="menu"
|
|
@@ -18,27 +18,20 @@
|
|
|
18
18
|
min-height: 28rem;
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
+
#ws-core-c-toolbar-adjusted-group-column-gap .pf-v5-c-toolbar,
|
|
22
|
+
#ws-core-c-toolbar-adjusted-group-column-gap .pf-v5-c-toolbar__group,
|
|
21
23
|
#ws-core-e-toolbar-simple .pf-v5-c-toolbar,
|
|
22
24
|
#ws-core-e-toolbar-simple .pf-v5-c-toolbar__group,
|
|
23
|
-
#ws-core-e-toolbar-simple .pf-v5-c-toolbar__item,
|
|
24
25
|
#ws-core-e-toolbar-adjusted-spacers .pf-v5-c-toolbar,
|
|
25
|
-
#ws-core-e-toolbar-adjusted-spacers .pf-v5-c-toolbar__item,
|
|
26
26
|
#ws-core-e-toolbar-adjusted-group-spacers .pf-v5-c-toolbar,
|
|
27
|
-
#ws-core-e-toolbar-adjusted-group-spacers .pf-v5-c-toolbar__item,
|
|
28
27
|
#ws-core-c-toolbar-simple .pf-v5-c-toolbar,
|
|
29
28
|
#ws-core-c-toolbar-simple .pf-v5-c-toolbar__group,
|
|
30
|
-
#ws-core-c-toolbar-simple .pf-v5-c-toolbar__item,
|
|
31
29
|
#ws-core-c-toolbar-adjusted-spacers .pf-v5-c-toolbar,
|
|
32
|
-
#ws-core-c-toolbar-adjusted-spacers .pf-v5-c-toolbar__item,
|
|
33
30
|
#ws-core-c-toolbar-adjusted-group-spacers .pf-v5-c-toolbar,
|
|
34
|
-
#ws-core-c-toolbar-adjusted-group-spacers .pf-v5-c-toolbar__item,
|
|
35
31
|
#ws-core-c-toolbar-insets .pf-v5-c-toolbar,
|
|
36
|
-
#ws-core-c-toolbar-insets .pf-v5-c-toolbar__item,
|
|
37
32
|
#ws-core-c-toolbar-page-insets .pf-v5-c-toolbar,
|
|
38
|
-
#ws-core-c-toolbar-
|
|
39
|
-
|
|
40
|
-
#ws-core-c-toolbar-width-control .pf-v5-c-toolbar__item {
|
|
41
|
-
border: 2px dashed #393f44;
|
|
33
|
+
#ws-core-c-toolbar-width-control .pf-v5-c-toolbar {
|
|
34
|
+
border: var(--pf-t--global--border--width--control--default) dashed var(--pf-t--global--border--color--default);
|
|
42
35
|
}
|
|
43
36
|
|
|
44
37
|
#ws-core-e-toolbar-simple .pf-v5-c-toolbar__group .pf-v5-c-toolbar__item,
|
|
@@ -46,17 +39,29 @@
|
|
|
46
39
|
border: none;
|
|
47
40
|
}
|
|
48
41
|
|
|
42
|
+
#ws-core-c-toolbar-adjusted-group-column-gap .pf-v5-c-toolbar__item,
|
|
43
|
+
#ws-core-e-toolbar-simple .pf-v5-c-toolbar__item,
|
|
44
|
+
#ws-core-e-toolbar-adjusted-spacers .pf-v5-c-toolbar__item,
|
|
45
|
+
#ws-core-e-toolbar-adjusted-group-spacers .pf-v5-c-toolbar__item,
|
|
46
|
+
#ws-core-c-toolbar-simple .pf-v5-c-toolbar__item,
|
|
47
|
+
#ws-core-c-toolbar-adjusted-spacers .pf-v5-c-toolbar__item,
|
|
48
|
+
#ws-core-c-toolbar-adjusted-group-spacers .pf-v5-c-toolbar__item,
|
|
49
|
+
#ws-core-c-toolbar-insets .pf-v5-c-toolbar__item,
|
|
50
|
+
#ws-core-c-toolbar-page-insets .pf-v5-c-toolbar__item,
|
|
51
|
+
#ws-core-c-toolbar-width-control .pf-v5-c-toolbar__item {
|
|
52
|
+
padding-block: .25rem;
|
|
53
|
+
padding-inline: .5rem;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
#ws-core-c-toolbar-adjusted-group-column-gap .pf-v5-c-toolbar__item,
|
|
49
57
|
#ws-core-e-toolbar-simple .pf-v5-c-toolbar__item,
|
|
50
58
|
#ws-core-e-toolbar-adjusted-spacers .pf-v5-c-toolbar__item,
|
|
51
59
|
#ws-core-e-toolbar-adjusted-group-spacers .pf-v5-c-toolbar__item,
|
|
52
60
|
#ws-core-c-toolbar-simple .pf-v5-c-toolbar__item,
|
|
53
61
|
#ws-core-c-toolbar-adjusted-spacers .pf-v5-c-toolbar__item,
|
|
54
62
|
#ws-core-c-toolbar-adjusted-group-spacers .pf-v5-c-toolbar__item,
|
|
55
|
-
#ws-core-c-toolbar-insets .pf-v5-c-toolbar,
|
|
56
63
|
#ws-core-c-toolbar-insets .pf-v5-c-toolbar__item,
|
|
57
|
-
#ws-core-c-toolbar-page-insets .pf-v5-c-toolbar,
|
|
58
64
|
#ws-core-c-toolbar-page-insets .pf-v5-c-toolbar__item,
|
|
59
|
-
#ws-core-c-toolbar-width-control .pf-v5-c-toolbar,
|
|
60
65
|
#ws-core-c-toolbar-width-control .pf-v5-c-toolbar__item {
|
|
61
|
-
|
|
66
|
+
background-color: var(--pf-t--global--background--color--secondary--default);
|
|
62
67
|
}
|