Skip to content

Commit a947f68

Browse files
authored
docs(aria/tree): improve disabled ui (#32548)
* docs(aria/tree): improve disabled ui * fixup! docs(aria/tree): improve disabled ui
1 parent 045f126 commit a947f68

File tree

1 file changed

+14
-0
lines changed

1 file changed

+14
-0
lines changed

src/components-examples/aria/tree/tree-common.css

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,20 @@
2121
min-width: 24rem;
2222
}
2323

24+
.example-tree[aria-disabled='true'] {
25+
background-color: var(--mat-sys-surface-variant);
26+
color: var(--mat-sys-on-surface-variant);
27+
cursor: not-allowed;
28+
}
29+
30+
.example-tree[aria-disabled='true']:focus-within {
31+
outline: 2px solid var(--mat-sys-primary);
32+
}
33+
34+
.example-tree[aria-disabled='true'] .example-tree-item {
35+
pointer-events: none;
36+
}
37+
2438
.example-tree-item {
2539
cursor: pointer;
2640
list-style: none;

0 commit comments

Comments
 (0)