@patternfly/patternfly 5.1.0 → 5.2.0-prerelease.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/assets/images/logo__pf--reverse-on-md.svg +1 -1
- package/assets/images/pf-c-brand__logo-on-lg-white.svg +32 -0
- package/assets/images/pf-c-brand__logo-on-md-white.svg +42 -0
- package/assets/images/pf-c-brand__logo-on-sm-white.svg +17 -0
- package/assets/images/pf-c-brand__logo-on-sm.svg +1 -1
- package/assets/images/pf-c-brand__logo-on-xl-white.svg +39 -0
- package/assets/images/pf_logo_white.hbs +35 -0
- package/assets/images/pf_logo_white.svg +38 -0
- package/components/Check/check.css +10 -8
- package/components/Check/check.scss +15 -10
- package/components/Dropdown/dropdown.css +1 -3
- package/components/Dropdown/dropdown.scss +2 -6
- package/components/Menu/menu.css +3 -0
- package/components/Menu/menu.scss +7 -3
- package/components/MenuToggle/menu-toggle.css +1 -2
- package/components/MenuToggle/menu-toggle.scss +5 -9
- package/components/Radio/radio.css +13 -10
- package/components/Radio/radio.scss +17 -11
- package/components/Table/table.css +6 -2
- package/components/Table/table.scss +8 -2
- package/components/Toolbar/toolbar.css +9 -1
- package/components/Toolbar/toolbar.scss +16 -3
- package/docs/components/Brand/examples/Brand.css +12 -0
- package/docs/components/Brand/examples/Brand.md +75 -32
- package/docs/components/Card/examples/Card.md +123 -15
- package/docs/components/Check/examples/Check.md +71 -59
- package/docs/components/LogViewer/examples/LogViewer.md +120 -30
- package/docs/components/MenuToggle/examples/MenuToggle.md +60 -39
- package/docs/components/Radio/examples/Radio.md +63 -55
- package/docs/components/Select/deprecated/Select.md +184 -177
- package/docs/components/Toolbar/examples/Toolbar.md +460 -380
- package/docs/demos/CardView/examples/CardView.md +24 -20
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +144 -120
- package/docs/demos/Table/examples/Table.md +288 -240
- package/docs/demos/Tabs/examples/Tabs.md +24 -20
- package/docs/demos/Toolbar/examples/Toolbar.css +5 -0
- package/docs/demos/Toolbar/examples/Toolbar.md +44 -44
- package/package.json +5 -5
- package/patternfly-no-globals.css +43 -26
- package/patternfly-theme-dark-unversioned.css +43 -26
- package/patternfly.css +43 -26
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -8,15 +8,14 @@ cssPrefix: pf-v5-c-check
|
|
|
8
8
|
### Basic
|
|
9
9
|
|
|
10
10
|
```html
|
|
11
|
-
<div class="pf-v5-c-check">
|
|
11
|
+
<div class="pf-v5-c-check" id="basic-example-example">
|
|
12
12
|
<input
|
|
13
13
|
class="pf-v5-c-check__input"
|
|
14
14
|
type="checkbox"
|
|
15
|
-
id="
|
|
16
|
-
name="
|
|
15
|
+
id="basic-example-example-input"
|
|
16
|
+
name="basic-example-example-input"
|
|
17
17
|
/>
|
|
18
|
-
|
|
19
|
-
<label class="pf-v5-c-check__label" for="check-basic">Check</label>
|
|
18
|
+
<label class="pf-v5-c-check__label" for="basic-example-example-input">Check</label>
|
|
20
19
|
</div>
|
|
21
20
|
|
|
22
21
|
```
|
|
@@ -24,15 +23,14 @@ cssPrefix: pf-v5-c-check
|
|
|
24
23
|
### Required
|
|
25
24
|
|
|
26
25
|
```html
|
|
27
|
-
<div class="pf-v5-c-check">
|
|
26
|
+
<div class="pf-v5-c-check" id="check-required-example">
|
|
28
27
|
<input
|
|
29
28
|
class="pf-v5-c-check__input"
|
|
30
29
|
type="checkbox"
|
|
31
|
-
id="check-required"
|
|
32
|
-
name="check-required"
|
|
30
|
+
id="check-required-example-input"
|
|
31
|
+
name="check-required-example-input"
|
|
33
32
|
/>
|
|
34
|
-
|
|
35
|
-
<label class="pf-v5-c-check__label" for="check-required">
|
|
33
|
+
<label class="pf-v5-c-check__label" for="check-required-example-input">
|
|
36
34
|
Check
|
|
37
35
|
<span class="pf-v5-c-check__label-required" aria-hidden="true">*</span>
|
|
38
36
|
</label>
|
|
@@ -43,16 +41,17 @@ cssPrefix: pf-v5-c-check
|
|
|
43
41
|
### Checked
|
|
44
42
|
|
|
45
43
|
```html
|
|
46
|
-
<div class="pf-v5-c-check">
|
|
44
|
+
<div class="pf-v5-c-check" id="check-checked-example">
|
|
47
45
|
<input
|
|
48
46
|
class="pf-v5-c-check__input"
|
|
49
47
|
type="checkbox"
|
|
50
|
-
id="check-checked"
|
|
51
|
-
name="check-checked"
|
|
52
|
-
checked
|
|
48
|
+
id="check-checked-example-input"
|
|
49
|
+
name="check-checked-example-input"
|
|
53
50
|
/>
|
|
54
|
-
|
|
55
|
-
|
|
51
|
+
<label
|
|
52
|
+
class="pf-v5-c-check__label"
|
|
53
|
+
for="check-checked-example-input"
|
|
54
|
+
>Check checked</label>
|
|
56
55
|
</div>
|
|
57
56
|
|
|
58
57
|
```
|
|
@@ -60,14 +59,17 @@ cssPrefix: pf-v5-c-check
|
|
|
60
59
|
### Label wrapping input
|
|
61
60
|
|
|
62
61
|
```html
|
|
63
|
-
<label
|
|
62
|
+
<label
|
|
63
|
+
class="pf-v5-c-check"
|
|
64
|
+
id="check-label-wrapping-input-example"
|
|
65
|
+
for="check-label-wrapping-input-example-input"
|
|
66
|
+
>
|
|
64
67
|
<input
|
|
65
68
|
class="pf-v5-c-check__input"
|
|
66
69
|
type="checkbox"
|
|
67
|
-
id="check-label-wrapping-input"
|
|
68
|
-
name="check-label-wrapping-input"
|
|
70
|
+
id="check-label-wrapping-input-example-input"
|
|
71
|
+
name="check-label-wrapping-input-example-input"
|
|
69
72
|
/>
|
|
70
|
-
|
|
71
73
|
<span class="pf-v5-c-check__label">Check label wraps input</span>
|
|
72
74
|
</label>
|
|
73
75
|
|
|
@@ -76,14 +78,16 @@ cssPrefix: pf-v5-c-check
|
|
|
76
78
|
### Reversed
|
|
77
79
|
|
|
78
80
|
```html
|
|
79
|
-
<div class="pf-v5-c-check">
|
|
80
|
-
<label
|
|
81
|
-
|
|
81
|
+
<div class="pf-v5-c-check" id="check-reversed-example">
|
|
82
|
+
<label
|
|
83
|
+
class="pf-v5-c-check__label"
|
|
84
|
+
for="check-reversed-example-input"
|
|
85
|
+
>Check reversed</label>
|
|
82
86
|
<input
|
|
83
87
|
class="pf-v5-c-check__input"
|
|
84
88
|
type="checkbox"
|
|
85
|
-
id="check-reversed"
|
|
86
|
-
name="check-reversed"
|
|
89
|
+
id="check-reversed-example-input"
|
|
90
|
+
name="check-reversed-example-input"
|
|
87
91
|
/>
|
|
88
92
|
</div>
|
|
89
93
|
|
|
@@ -92,29 +96,31 @@ cssPrefix: pf-v5-c-check
|
|
|
92
96
|
### Disabled
|
|
93
97
|
|
|
94
98
|
```html
|
|
95
|
-
<div class="pf-v5-c-check">
|
|
99
|
+
<div class="pf-v5-c-check" id="check-disabled-example">
|
|
96
100
|
<input
|
|
97
101
|
class="pf-v5-c-check__input"
|
|
98
102
|
type="checkbox"
|
|
99
|
-
id="check-disabled"
|
|
100
|
-
name="check-disabled"
|
|
103
|
+
id="check-disabled-example-input"
|
|
104
|
+
name="check-disabled-example-input"
|
|
105
|
+
disabled
|
|
101
106
|
/>
|
|
102
|
-
|
|
103
|
-
|
|
107
|
+
<label
|
|
108
|
+
class="pf-v5-c-check__label pf-m-disabled"
|
|
109
|
+
for="check-disabled-example-input"
|
|
110
|
+
>Check disabled</label>
|
|
104
111
|
</div>
|
|
105
|
-
<div class="pf-v5-c-check">
|
|
112
|
+
<div class="pf-v5-c-check" id="check-disabled-checked-example">
|
|
106
113
|
<input
|
|
107
114
|
class="pf-v5-c-check__input"
|
|
108
115
|
type="checkbox"
|
|
109
|
-
disabled
|
|
110
|
-
|
|
111
|
-
name="check-disabled-2"
|
|
116
|
+
id="check-disabled-checked-example-input"
|
|
117
|
+
name="check-disabled-checked-example-input"
|
|
112
118
|
checked
|
|
119
|
+
disabled
|
|
113
120
|
/>
|
|
114
|
-
|
|
115
121
|
<label
|
|
116
122
|
class="pf-v5-c-check__label pf-m-disabled"
|
|
117
|
-
for="check-disabled-
|
|
123
|
+
for="check-disabled-checked-example-input"
|
|
118
124
|
>Check disabled checked</label>
|
|
119
125
|
</div>
|
|
120
126
|
|
|
@@ -123,21 +129,21 @@ cssPrefix: pf-v5-c-check
|
|
|
123
129
|
### With description
|
|
124
130
|
|
|
125
131
|
```html
|
|
126
|
-
<div class="pf-v5-c-check">
|
|
132
|
+
<div class="pf-v5-c-check" id="check-with-example-description-example">
|
|
127
133
|
<input
|
|
128
134
|
class="pf-v5-c-check__input"
|
|
129
135
|
type="checkbox"
|
|
130
|
-
|
|
131
|
-
|
|
136
|
+
aria-describedby="check-with-example-description-example-description"
|
|
137
|
+
id="check-with-example-description-example-input"
|
|
138
|
+
name="check-with-example-description-example-input"
|
|
132
139
|
/>
|
|
133
|
-
|
|
134
140
|
<label
|
|
135
141
|
class="pf-v5-c-check__label"
|
|
136
|
-
for="check-with-description"
|
|
142
|
+
for="check-with-example-description-example-input"
|
|
137
143
|
>Check with description</label>
|
|
138
|
-
|
|
139
144
|
<span
|
|
140
145
|
class="pf-v5-c-check__description"
|
|
146
|
+
id="check-with-example-description-example-description"
|
|
141
147
|
>Single-tenant cloud service hosted and managed by Red Hat that offers high-availability enterprise-grade clusters in a virtual private cloud on AWS od GCP.</span>
|
|
142
148
|
</div>
|
|
143
149
|
|
|
@@ -146,16 +152,17 @@ cssPrefix: pf-v5-c-check
|
|
|
146
152
|
### With body
|
|
147
153
|
|
|
148
154
|
```html
|
|
149
|
-
<div class="pf-v5-c-check">
|
|
155
|
+
<div class="pf-v5-c-check" id="check-with-example-body-example">
|
|
150
156
|
<input
|
|
151
157
|
class="pf-v5-c-check__input"
|
|
152
158
|
type="checkbox"
|
|
153
|
-
id="check-with-body"
|
|
154
|
-
name="check-with-body"
|
|
159
|
+
id="check-with-example-body-example-input"
|
|
160
|
+
name="check-with-example-body-example-input"
|
|
155
161
|
/>
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
162
|
+
<label
|
|
163
|
+
class="pf-v5-c-check__label"
|
|
164
|
+
for="check-with-example-body-example-input"
|
|
165
|
+
>Check with body</label>
|
|
159
166
|
<span class="pf-v5-c-check__body">This is where custom content goes.</span>
|
|
160
167
|
</div>
|
|
161
168
|
|
|
@@ -164,21 +171,21 @@ cssPrefix: pf-v5-c-check
|
|
|
164
171
|
### With description and body
|
|
165
172
|
|
|
166
173
|
```html
|
|
167
|
-
<div class="pf-v5-c-check">
|
|
174
|
+
<div class="pf-v5-c-check" id="check-with-example-description-body-example">
|
|
168
175
|
<input
|
|
169
176
|
class="pf-v5-c-check__input"
|
|
170
177
|
type="checkbox"
|
|
171
|
-
|
|
172
|
-
|
|
178
|
+
aria-describedby="check-with-example-description-body-example-description"
|
|
179
|
+
id="check-with-example-description-body-example-input"
|
|
180
|
+
name="check-with-example-description-body-example-input"
|
|
173
181
|
/>
|
|
174
|
-
|
|
175
182
|
<label
|
|
176
183
|
class="pf-v5-c-check__label"
|
|
177
|
-
for="check-with-description-body"
|
|
184
|
+
for="check-with-example-description-body-example-input"
|
|
178
185
|
>Check with description and body</label>
|
|
179
|
-
|
|
180
186
|
<span
|
|
181
187
|
class="pf-v5-c-check__description"
|
|
188
|
+
id="check-with-example-description-body-example-description"
|
|
182
189
|
>Single-tenant cloud service hosted and managed by Red Hat that offers high-availability enterprise-grade clusters in a virtual private cloud on AWS od GCP.</span>
|
|
183
190
|
<span class="pf-v5-c-check__body">This is where custom content goes.</span>
|
|
184
191
|
</div>
|
|
@@ -188,15 +195,19 @@ cssPrefix: pf-v5-c-check
|
|
|
188
195
|
### Standalone input
|
|
189
196
|
|
|
190
197
|
```html
|
|
191
|
-
<
|
|
198
|
+
<label
|
|
199
|
+
class="pf-v5-c-check pf-m-standalone"
|
|
200
|
+
id="standalone-input-example"
|
|
201
|
+
for="standalone-input-example-input"
|
|
202
|
+
>
|
|
192
203
|
<input
|
|
193
204
|
class="pf-v5-c-check__input"
|
|
194
205
|
type="checkbox"
|
|
195
|
-
id="
|
|
196
|
-
name="
|
|
197
|
-
aria-label="Standalone
|
|
206
|
+
id="standalone-input-example-input"
|
|
207
|
+
name="standalone-input-example-input"
|
|
208
|
+
aria-label="Standalone check"
|
|
198
209
|
/>
|
|
199
|
-
</
|
|
210
|
+
</label>
|
|
200
211
|
|
|
201
212
|
```
|
|
202
213
|
|
|
@@ -214,6 +225,7 @@ If you extend this component or modify the styles of this component, then make s
|
|
|
214
225
|
| -- | -- | -- |
|
|
215
226
|
| `disabled` | `.pf-v5-c-check__input` | Indicates that the element is unavailable and removes it from keyboard focus. **Required when input is disabled** |
|
|
216
227
|
| `required` | `.pf-v5-c-check__input` | Indicates that the element is required. |
|
|
228
|
+
| `aria-describedby` | `.pf-v5-c-check__input` | When using `.pf-v5-c-check__description` make use of this on the input. |
|
|
217
229
|
|
|
218
230
|
### Usage
|
|
219
231
|
|
|
@@ -365,7 +365,10 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
365
365
|
name="log-viewer-basic-example-check-wrap-lines"
|
|
366
366
|
/>
|
|
367
367
|
|
|
368
|
-
<span
|
|
368
|
+
<span
|
|
369
|
+
class="pf-v5-c-check__label"
|
|
370
|
+
for="-input"
|
|
371
|
+
>Wrap lines</span>
|
|
369
372
|
</label>
|
|
370
373
|
</div>
|
|
371
374
|
</li>
|
|
@@ -382,7 +385,10 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
382
385
|
name="log-viewer-basic-example-check-show-timestamps"
|
|
383
386
|
/>
|
|
384
387
|
|
|
385
|
-
<span
|
|
388
|
+
<span
|
|
389
|
+
class="pf-v5-c-check__label"
|
|
390
|
+
for="-input"
|
|
391
|
+
>Show timestamps</span>
|
|
386
392
|
</label>
|
|
387
393
|
</div>
|
|
388
394
|
</li>
|
|
@@ -399,7 +405,10 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
399
405
|
name="log-viewer-basic-example-check-line-number"
|
|
400
406
|
/>
|
|
401
407
|
|
|
402
|
-
<span
|
|
408
|
+
<span
|
|
409
|
+
class="pf-v5-c-check__label"
|
|
410
|
+
for="-input"
|
|
411
|
+
>Display line number</span>
|
|
403
412
|
</label>
|
|
404
413
|
</div>
|
|
405
414
|
</li>
|
|
@@ -926,7 +935,10 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
926
935
|
name="log-viewer-line-number-example-check-wrap-lines"
|
|
927
936
|
/>
|
|
928
937
|
|
|
929
|
-
<span
|
|
938
|
+
<span
|
|
939
|
+
class="pf-v5-c-check__label"
|
|
940
|
+
for="-input"
|
|
941
|
+
>Wrap lines</span>
|
|
930
942
|
</label>
|
|
931
943
|
</div>
|
|
932
944
|
</li>
|
|
@@ -943,7 +955,10 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
943
955
|
name="log-viewer-line-number-example-check-show-timestamps"
|
|
944
956
|
/>
|
|
945
957
|
|
|
946
|
-
<span
|
|
958
|
+
<span
|
|
959
|
+
class="pf-v5-c-check__label"
|
|
960
|
+
for="-input"
|
|
961
|
+
>Show timestamps</span>
|
|
947
962
|
</label>
|
|
948
963
|
</div>
|
|
949
964
|
</li>
|
|
@@ -960,7 +975,10 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
960
975
|
name="log-viewer-line-number-example-check-line-number"
|
|
961
976
|
/>
|
|
962
977
|
|
|
963
|
-
<span
|
|
978
|
+
<span
|
|
979
|
+
class="pf-v5-c-check__label"
|
|
980
|
+
for="-input"
|
|
981
|
+
>Display line number</span>
|
|
964
982
|
</label>
|
|
965
983
|
</div>
|
|
966
984
|
</li>
|
|
@@ -1487,7 +1505,10 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
1487
1505
|
name="log-viewer-line-number-chars-example-check-wrap-lines"
|
|
1488
1506
|
/>
|
|
1489
1507
|
|
|
1490
|
-
<span
|
|
1508
|
+
<span
|
|
1509
|
+
class="pf-v5-c-check__label"
|
|
1510
|
+
for="-input"
|
|
1511
|
+
>Wrap lines</span>
|
|
1491
1512
|
</label>
|
|
1492
1513
|
</div>
|
|
1493
1514
|
</li>
|
|
@@ -1504,7 +1525,10 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
1504
1525
|
name="log-viewer-line-number-chars-example-check-show-timestamps"
|
|
1505
1526
|
/>
|
|
1506
1527
|
|
|
1507
|
-
<span
|
|
1528
|
+
<span
|
|
1529
|
+
class="pf-v5-c-check__label"
|
|
1530
|
+
for="-input"
|
|
1531
|
+
>Show timestamps</span>
|
|
1508
1532
|
</label>
|
|
1509
1533
|
</div>
|
|
1510
1534
|
</li>
|
|
@@ -1521,7 +1545,10 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
1521
1545
|
name="log-viewer-line-number-chars-example-check-line-number"
|
|
1522
1546
|
/>
|
|
1523
1547
|
|
|
1524
|
-
<span
|
|
1548
|
+
<span
|
|
1549
|
+
class="pf-v5-c-check__label"
|
|
1550
|
+
for="-input"
|
|
1551
|
+
>Display line number</span>
|
|
1525
1552
|
</label>
|
|
1526
1553
|
</div>
|
|
1527
1554
|
</li>
|
|
@@ -2048,7 +2075,10 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
2048
2075
|
name="log-viewer-text-wrap-example-check-wrap-lines"
|
|
2049
2076
|
/>
|
|
2050
2077
|
|
|
2051
|
-
<span
|
|
2078
|
+
<span
|
|
2079
|
+
class="pf-v5-c-check__label"
|
|
2080
|
+
for="-input"
|
|
2081
|
+
>Wrap lines</span>
|
|
2052
2082
|
</label>
|
|
2053
2083
|
</div>
|
|
2054
2084
|
</li>
|
|
@@ -2065,7 +2095,10 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
2065
2095
|
name="log-viewer-text-wrap-example-check-show-timestamps"
|
|
2066
2096
|
/>
|
|
2067
2097
|
|
|
2068
|
-
<span
|
|
2098
|
+
<span
|
|
2099
|
+
class="pf-v5-c-check__label"
|
|
2100
|
+
for="-input"
|
|
2101
|
+
>Show timestamps</span>
|
|
2069
2102
|
</label>
|
|
2070
2103
|
</div>
|
|
2071
2104
|
</li>
|
|
@@ -2082,7 +2115,10 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
2082
2115
|
name="log-viewer-text-wrap-example-check-line-number"
|
|
2083
2116
|
/>
|
|
2084
2117
|
|
|
2085
|
-
<span
|
|
2118
|
+
<span
|
|
2119
|
+
class="pf-v5-c-check__label"
|
|
2120
|
+
for="-input"
|
|
2121
|
+
>Display line number</span>
|
|
2086
2122
|
</label>
|
|
2087
2123
|
</div>
|
|
2088
2124
|
</li>
|
|
@@ -2609,7 +2645,10 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
2609
2645
|
name="log-viewer-text-nowrap-example-check-wrap-lines"
|
|
2610
2646
|
/>
|
|
2611
2647
|
|
|
2612
|
-
<span
|
|
2648
|
+
<span
|
|
2649
|
+
class="pf-v5-c-check__label"
|
|
2650
|
+
for="-input"
|
|
2651
|
+
>Wrap lines</span>
|
|
2613
2652
|
</label>
|
|
2614
2653
|
</div>
|
|
2615
2654
|
</li>
|
|
@@ -2626,7 +2665,10 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
2626
2665
|
name="log-viewer-text-nowrap-example-check-show-timestamps"
|
|
2627
2666
|
/>
|
|
2628
2667
|
|
|
2629
|
-
<span
|
|
2668
|
+
<span
|
|
2669
|
+
class="pf-v5-c-check__label"
|
|
2670
|
+
for="-input"
|
|
2671
|
+
>Show timestamps</span>
|
|
2630
2672
|
</label>
|
|
2631
2673
|
</div>
|
|
2632
2674
|
</li>
|
|
@@ -2643,7 +2685,10 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
2643
2685
|
name="log-viewer-text-nowrap-example-check-line-number"
|
|
2644
2686
|
/>
|
|
2645
2687
|
|
|
2646
|
-
<span
|
|
2688
|
+
<span
|
|
2689
|
+
class="pf-v5-c-check__label"
|
|
2690
|
+
for="-input"
|
|
2691
|
+
>Display line number</span>
|
|
2647
2692
|
</label>
|
|
2648
2693
|
</div>
|
|
2649
2694
|
</li>
|
|
@@ -3197,7 +3242,10 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
3197
3242
|
name="log-viewer-search-results-example-check-wrap-lines"
|
|
3198
3243
|
/>
|
|
3199
3244
|
|
|
3200
|
-
<span
|
|
3245
|
+
<span
|
|
3246
|
+
class="pf-v5-c-check__label"
|
|
3247
|
+
for="-input"
|
|
3248
|
+
>Wrap lines</span>
|
|
3201
3249
|
</label>
|
|
3202
3250
|
</div>
|
|
3203
3251
|
</li>
|
|
@@ -3214,7 +3262,10 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
3214
3262
|
name="log-viewer-search-results-example-check-show-timestamps"
|
|
3215
3263
|
/>
|
|
3216
3264
|
|
|
3217
|
-
<span
|
|
3265
|
+
<span
|
|
3266
|
+
class="pf-v5-c-check__label"
|
|
3267
|
+
for="-input"
|
|
3268
|
+
>Show timestamps</span>
|
|
3218
3269
|
</label>
|
|
3219
3270
|
</div>
|
|
3220
3271
|
</li>
|
|
@@ -3231,7 +3282,10 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
3231
3282
|
name="log-viewer-search-results-example-check-line-number"
|
|
3232
3283
|
/>
|
|
3233
3284
|
|
|
3234
|
-
<span
|
|
3285
|
+
<span
|
|
3286
|
+
class="pf-v5-c-check__label"
|
|
3287
|
+
for="-input"
|
|
3288
|
+
>Display line number</span>
|
|
3235
3289
|
</label>
|
|
3236
3290
|
</div>
|
|
3237
3291
|
</li>
|
|
@@ -3801,7 +3855,10 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
3801
3855
|
name="log-viewer-max-height-example-check-wrap-lines"
|
|
3802
3856
|
/>
|
|
3803
3857
|
|
|
3804
|
-
<span
|
|
3858
|
+
<span
|
|
3859
|
+
class="pf-v5-c-check__label"
|
|
3860
|
+
for="-input"
|
|
3861
|
+
>Wrap lines</span>
|
|
3805
3862
|
</label>
|
|
3806
3863
|
</div>
|
|
3807
3864
|
</li>
|
|
@@ -3818,7 +3875,10 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
3818
3875
|
name="log-viewer-max-height-example-check-show-timestamps"
|
|
3819
3876
|
/>
|
|
3820
3877
|
|
|
3821
|
-
<span
|
|
3878
|
+
<span
|
|
3879
|
+
class="pf-v5-c-check__label"
|
|
3880
|
+
for="-input"
|
|
3881
|
+
>Show timestamps</span>
|
|
3822
3882
|
</label>
|
|
3823
3883
|
</div>
|
|
3824
3884
|
</li>
|
|
@@ -3835,7 +3895,10 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
3835
3895
|
name="log-viewer-max-height-example-check-line-number"
|
|
3836
3896
|
/>
|
|
3837
3897
|
|
|
3838
|
-
<span
|
|
3898
|
+
<span
|
|
3899
|
+
class="pf-v5-c-check__label"
|
|
3900
|
+
for="-input"
|
|
3901
|
+
>Display line number</span>
|
|
3839
3902
|
</label>
|
|
3840
3903
|
</div>
|
|
3841
3904
|
</li>
|
|
@@ -4360,7 +4423,10 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
4360
4423
|
name="log-viewer-dropdowns-expanded-example-check-wrap-lines"
|
|
4361
4424
|
/>
|
|
4362
4425
|
|
|
4363
|
-
<span
|
|
4426
|
+
<span
|
|
4427
|
+
class="pf-v5-c-check__label"
|
|
4428
|
+
for="-input"
|
|
4429
|
+
>Wrap lines</span>
|
|
4364
4430
|
</label>
|
|
4365
4431
|
</div>
|
|
4366
4432
|
</li>
|
|
@@ -4377,7 +4443,10 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
4377
4443
|
name="log-viewer-dropdowns-expanded-example-check-show-timestamps"
|
|
4378
4444
|
/>
|
|
4379
4445
|
|
|
4380
|
-
<span
|
|
4446
|
+
<span
|
|
4447
|
+
class="pf-v5-c-check__label"
|
|
4448
|
+
for="-input"
|
|
4449
|
+
>Show timestamps</span>
|
|
4381
4450
|
</label>
|
|
4382
4451
|
</div>
|
|
4383
4452
|
</li>
|
|
@@ -4394,7 +4463,10 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
4394
4463
|
name="log-viewer-dropdowns-expanded-example-check-line-number"
|
|
4395
4464
|
/>
|
|
4396
4465
|
|
|
4397
|
-
<span
|
|
4466
|
+
<span
|
|
4467
|
+
class="pf-v5-c-check__label"
|
|
4468
|
+
for="-input"
|
|
4469
|
+
>Display line number</span>
|
|
4398
4470
|
</label>
|
|
4399
4471
|
</div>
|
|
4400
4472
|
</li>
|
|
@@ -4921,7 +4993,10 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
4921
4993
|
name="log-viewer-popover-expanded-example-check-wrap-lines"
|
|
4922
4994
|
/>
|
|
4923
4995
|
|
|
4924
|
-
<span
|
|
4996
|
+
<span
|
|
4997
|
+
class="pf-v5-c-check__label"
|
|
4998
|
+
for="-input"
|
|
4999
|
+
>Wrap lines</span>
|
|
4925
5000
|
</label>
|
|
4926
5001
|
</div>
|
|
4927
5002
|
</li>
|
|
@@ -4938,7 +5013,10 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
4938
5013
|
name="log-viewer-popover-expanded-example-check-show-timestamps"
|
|
4939
5014
|
/>
|
|
4940
5015
|
|
|
4941
|
-
<span
|
|
5016
|
+
<span
|
|
5017
|
+
class="pf-v5-c-check__label"
|
|
5018
|
+
for="-input"
|
|
5019
|
+
>Show timestamps</span>
|
|
4942
5020
|
</label>
|
|
4943
5021
|
</div>
|
|
4944
5022
|
</li>
|
|
@@ -4955,7 +5033,10 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
4955
5033
|
name="log-viewer-popover-expanded-example-check-line-number"
|
|
4956
5034
|
/>
|
|
4957
5035
|
|
|
4958
|
-
<span
|
|
5036
|
+
<span
|
|
5037
|
+
class="pf-v5-c-check__label"
|
|
5038
|
+
for="-input"
|
|
5039
|
+
>Display line number</span>
|
|
4959
5040
|
</label>
|
|
4960
5041
|
</div>
|
|
4961
5042
|
</li>
|
|
@@ -5542,7 +5623,10 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
5542
5623
|
name="log-viewer-dark-example-check-wrap-lines"
|
|
5543
5624
|
/>
|
|
5544
5625
|
|
|
5545
|
-
<span
|
|
5626
|
+
<span
|
|
5627
|
+
class="pf-v5-c-check__label"
|
|
5628
|
+
for="-input"
|
|
5629
|
+
>Wrap lines</span>
|
|
5546
5630
|
</label>
|
|
5547
5631
|
</div>
|
|
5548
5632
|
</li>
|
|
@@ -5559,7 +5643,10 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
5559
5643
|
name="log-viewer-dark-example-check-show-timestamps"
|
|
5560
5644
|
/>
|
|
5561
5645
|
|
|
5562
|
-
<span
|
|
5646
|
+
<span
|
|
5647
|
+
class="pf-v5-c-check__label"
|
|
5648
|
+
for="-input"
|
|
5649
|
+
>Show timestamps</span>
|
|
5563
5650
|
</label>
|
|
5564
5651
|
</div>
|
|
5565
5652
|
</li>
|
|
@@ -5576,7 +5663,10 @@ cssPrefix: pf-v5-c-log-viewer
|
|
|
5576
5663
|
name="log-viewer-dark-example-check-line-number"
|
|
5577
5664
|
/>
|
|
5578
5665
|
|
|
5579
|
-
<span
|
|
5666
|
+
<span
|
|
5667
|
+
class="pf-v5-c-check__label"
|
|
5668
|
+
for="-input"
|
|
5669
|
+
>Display line number</span>
|
|
5580
5670
|
</label>
|
|
5581
5671
|
</div>
|
|
5582
5672
|
</li>
|