@patternfly/patternfly 4.216.2 → 4.216.3
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/TreeView/tree-view.css +6 -0
- package/components/TreeView/tree-view.scss +5 -0
- package/docs/components/TreeView/examples/TreeView.md +21 -21
- package/package.json +1 -1
- package/patternfly-no-reset.css +6 -0
- package/patternfly.css +6 -0
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -2227,10 +2227,10 @@ beta: true
|
|
|
2227
2227
|
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
2228
2228
|
</span>
|
|
2229
2229
|
</button>
|
|
2230
|
-
<
|
|
2230
|
+
<button
|
|
2231
2231
|
class="pf-c-tree-view__node-text"
|
|
2232
2232
|
id="text-tree-view-selectable-expandable-1"
|
|
2233
|
-
>Application launcher</
|
|
2233
|
+
>Application launcher</button>
|
|
2234
2234
|
</span>
|
|
2235
2235
|
</div>
|
|
2236
2236
|
</div>
|
|
@@ -2260,10 +2260,10 @@ beta: true
|
|
|
2260
2260
|
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
2261
2261
|
</span>
|
|
2262
2262
|
</button>
|
|
2263
|
-
<
|
|
2263
|
+
<button
|
|
2264
2264
|
class="pf-c-tree-view__node-text"
|
|
2265
2265
|
id="text-tree-view-selectable-expandable-2"
|
|
2266
|
-
>Application 1</
|
|
2266
|
+
>Application 1</button>
|
|
2267
2267
|
</span>
|
|
2268
2268
|
</div>
|
|
2269
2269
|
</div>
|
|
@@ -2311,10 +2311,10 @@ beta: true
|
|
|
2311
2311
|
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
2312
2312
|
</span>
|
|
2313
2313
|
</button>
|
|
2314
|
-
<
|
|
2314
|
+
<button
|
|
2315
2315
|
class="pf-c-tree-view__node-text"
|
|
2316
2316
|
id="text-tree-view-selectable-expandable-3"
|
|
2317
|
-
>Loader</
|
|
2317
|
+
>Loader</button>
|
|
2318
2318
|
</span>
|
|
2319
2319
|
</div>
|
|
2320
2320
|
</div>
|
|
@@ -2346,10 +2346,10 @@ beta: true
|
|
|
2346
2346
|
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
2347
2347
|
</span>
|
|
2348
2348
|
</button>
|
|
2349
|
-
<
|
|
2349
|
+
<button
|
|
2350
2350
|
class="pf-c-tree-view__node-text"
|
|
2351
2351
|
id="text-tree-view-selectable-expandable-4"
|
|
2352
|
-
>Application 2</
|
|
2352
|
+
>Application 2</button>
|
|
2353
2353
|
</span>
|
|
2354
2354
|
</div>
|
|
2355
2355
|
</div>
|
|
@@ -2388,10 +2388,10 @@ beta: true
|
|
|
2388
2388
|
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
2389
2389
|
</span>
|
|
2390
2390
|
</button>
|
|
2391
|
-
<
|
|
2391
|
+
<button
|
|
2392
2392
|
class="pf-c-tree-view__node-text"
|
|
2393
2393
|
id="text-tree-view-selectable-expandable-5"
|
|
2394
|
-
>Settings</
|
|
2394
|
+
>Settings</button>
|
|
2395
2395
|
</span>
|
|
2396
2396
|
</div>
|
|
2397
2397
|
</div>
|
|
@@ -2421,10 +2421,10 @@ beta: true
|
|
|
2421
2421
|
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
2422
2422
|
</span>
|
|
2423
2423
|
</button>
|
|
2424
|
-
<
|
|
2424
|
+
<button
|
|
2425
2425
|
class="pf-c-tree-view__node-text"
|
|
2426
2426
|
id="text-tree-view-selectable-expandable-6"
|
|
2427
|
-
>Loader</
|
|
2427
|
+
>Loader</button>
|
|
2428
2428
|
</span>
|
|
2429
2429
|
</div>
|
|
2430
2430
|
</div>
|
|
@@ -2454,10 +2454,10 @@ beta: true
|
|
|
2454
2454
|
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
2455
2455
|
</span>
|
|
2456
2456
|
</button>
|
|
2457
|
-
<
|
|
2457
|
+
<button
|
|
2458
2458
|
class="pf-c-tree-view__node-text"
|
|
2459
2459
|
id="text-tree-view-selectable-expandable-7"
|
|
2460
|
-
>Loader app 1</
|
|
2460
|
+
>Loader app 1</button>
|
|
2461
2461
|
</span>
|
|
2462
2462
|
</div>
|
|
2463
2463
|
</div>
|
|
@@ -2519,10 +2519,10 @@ beta: true
|
|
|
2519
2519
|
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
2520
2520
|
</span>
|
|
2521
2521
|
</button>
|
|
2522
|
-
<
|
|
2522
|
+
<button
|
|
2523
2523
|
class="pf-c-tree-view__node-text"
|
|
2524
2524
|
id="text-tree-view-selectable-expandable-8"
|
|
2525
|
-
>Cost management</
|
|
2525
|
+
>Cost management</button>
|
|
2526
2526
|
</span>
|
|
2527
2527
|
</div>
|
|
2528
2528
|
</div>
|
|
@@ -2552,10 +2552,10 @@ beta: true
|
|
|
2552
2552
|
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
2553
2553
|
</span>
|
|
2554
2554
|
</button>
|
|
2555
|
-
<
|
|
2555
|
+
<button
|
|
2556
2556
|
class="pf-c-tree-view__node-text"
|
|
2557
2557
|
id="text-tree-view-selectable-expandable-9"
|
|
2558
|
-
>Sources</
|
|
2558
|
+
>Sources</button>
|
|
2559
2559
|
</span>
|
|
2560
2560
|
</div>
|
|
2561
2561
|
</div>
|
|
@@ -2585,10 +2585,10 @@ beta: true
|
|
|
2585
2585
|
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
2586
2586
|
</span>
|
|
2587
2587
|
</button>
|
|
2588
|
-
<
|
|
2588
|
+
<button
|
|
2589
2589
|
class="pf-c-tree-view__node-text"
|
|
2590
2590
|
id="text-tree-view-selectable-expandable-10"
|
|
2591
|
-
>This is a really really really long folder name that overflows from the width of the container.</
|
|
2591
|
+
>This is a really really really long folder name that overflows from the width of the container.</button>
|
|
2592
2592
|
</span>
|
|
2593
2593
|
</div>
|
|
2594
2594
|
</div>
|
|
@@ -3383,7 +3383,7 @@ beta: true
|
|
|
3383
3383
|
| `.pf-c-tree-view__node-toggle` | `<span>`, `<button>` | Initiates a tree view toggle. |
|
|
3384
3384
|
| `.pf-c-tree-view__node-toggle-icon` | `<span>` | Initiates a tree view toggle icon. |
|
|
3385
3385
|
| `.pf-c-tree-view__node-title` | `<span>` | Initiates a tree view node title. |
|
|
3386
|
-
| `.pf-c-tree-view__node-text` | `<span>`
|
|
3386
|
+
| `.pf-c-tree-view__node-text` | `<span>`, `<button>` | Initiates tree view text. **Note:** Use a `<button>` when the node is expandable and selectable. |
|
|
3387
3387
|
| `.pf-c-tree-view__node-icon` | `<span>` | Initiates a tree view icon. |
|
|
3388
3388
|
| `.pf-c-tree-view__node-check` | `<span>` | Initiates a tree view check. |
|
|
3389
3389
|
| `.pf-c-tree-view__action` | `<div>` | Initiates a tree view action wrapper. |
|
package/package.json
CHANGED
package/patternfly-no-reset.css
CHANGED
|
@@ -31779,6 +31779,12 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31779
31779
|
white-space: nowrap;
|
|
31780
31780
|
}
|
|
31781
31781
|
|
|
31782
|
+
.pf-c-tree-view__node-text {
|
|
31783
|
+
font-weight: inherit;
|
|
31784
|
+
color: inherit;
|
|
31785
|
+
text-align: left;
|
|
31786
|
+
border: 0;
|
|
31787
|
+
}
|
|
31782
31788
|
label.pf-c-tree-view__node-text {
|
|
31783
31789
|
cursor: pointer;
|
|
31784
31790
|
}
|
package/patternfly.css
CHANGED
|
@@ -31906,6 +31906,12 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31906
31906
|
white-space: nowrap;
|
|
31907
31907
|
}
|
|
31908
31908
|
|
|
31909
|
+
.pf-c-tree-view__node-text {
|
|
31910
|
+
font-weight: inherit;
|
|
31911
|
+
color: inherit;
|
|
31912
|
+
text-align: left;
|
|
31913
|
+
border: 0;
|
|
31914
|
+
}
|
|
31909
31915
|
label.pf-c-tree-view__node-text {
|
|
31910
31916
|
cursor: pointer;
|
|
31911
31917
|
}
|