@patternfly/patternfly 4.206.0 → 4.206.1
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 -12
- package/components/TreeView/tree-view.scss +4 -8
- package/docs/components/TreeView/examples/TreeView.md +257 -217
- package/package.json +1 -1
- package/patternfly-no-reset.css +6 -12
- package/patternfly.css +6 -12
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -264,20 +264,14 @@
|
|
|
264
264
|
.pf-c-tree-view__node .pf-c-tree-view__node-count .pf-c-badge.pf-m-read {
|
|
265
265
|
--pf-c-badge--m-read--BackgroundColor: var(--pf-c-tree-view__node-count--c-badge--m-read--BackgroundColor);
|
|
266
266
|
}
|
|
267
|
-
.pf-c-tree-view__node.pf-m-selectable .pf-c-tree-view__node-toggle {
|
|
268
|
-
--pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--Color
|
|
269
|
-
}
|
|
270
|
-
.pf-c-tree-view__node:hover,
|
|
271
|
-
.pf-c-tree-view__node .pf-c-tree-view__node-toggle:hover {
|
|
272
|
-
--pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--hover__icon--Color);
|
|
267
|
+
.pf-c-tree-view__node:not(.pf-m-selectable):hover, .pf-c-tree-view__node.pf-m-selectable .pf-c-tree-view__node-toggle:hover {
|
|
268
|
+
--pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--hover--Color);
|
|
273
269
|
}
|
|
274
|
-
.pf-c-tree-view__node:focus,
|
|
275
|
-
|
|
276
|
-
--pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--focus__icon--Color);
|
|
270
|
+
.pf-c-tree-view__node:not(.pf-m-selectable):focus, .pf-c-tree-view__node.pf-m-selectable .pf-c-tree-view__node-toggle:focus {
|
|
271
|
+
--pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--focus--Color);
|
|
277
272
|
}
|
|
278
|
-
.pf-c-tree-view__node:active,
|
|
279
|
-
|
|
280
|
-
--pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--active__icon--Color);
|
|
273
|
+
.pf-c-tree-view__node:not(.pf-m-selectable):active, .pf-c-tree-view__node.pf-m-selectable .pf-c-tree-view__node-toggle:active {
|
|
274
|
+
--pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--active--Color);
|
|
281
275
|
}
|
|
282
276
|
|
|
283
277
|
.pf-c-tree-view__node-container {
|
|
@@ -382,22 +382,18 @@ $pf-c-tree-view--MaxNesting: 10;
|
|
|
382
382
|
}
|
|
383
383
|
}
|
|
384
384
|
|
|
385
|
+
&:not(.pf-m-selectable),
|
|
385
386
|
&.pf-m-selectable .pf-c-tree-view__node-toggle {
|
|
386
|
-
--pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--Color--base); // resets hover/focus/active color when node triggers hover/focus/active color change
|
|
387
|
-
}
|
|
388
|
-
|
|
389
|
-
&,
|
|
390
|
-
.pf-c-tree-view__node-toggle {
|
|
391
387
|
&:hover {
|
|
392
|
-
--pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--
|
|
388
|
+
--pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--hover--Color);
|
|
393
389
|
}
|
|
394
390
|
|
|
395
391
|
&:focus {
|
|
396
|
-
--pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--
|
|
392
|
+
--pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--focus--Color);
|
|
397
393
|
}
|
|
398
394
|
|
|
399
395
|
&:active {
|
|
400
|
-
--pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--
|
|
396
|
+
--pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--active--Color);
|
|
401
397
|
}
|
|
402
398
|
}
|
|
403
399
|
}
|