Fix arrow sizing
This commit is contained in:
@@ -36,6 +36,10 @@
|
|||||||
font: inherit;
|
font: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.checkbox-tree__toggle[aria-expanded="true"] {
|
||||||
|
transform: rotate(90deg);
|
||||||
|
}
|
||||||
|
|
||||||
.checkbox-tree__toggle:focus-visible {
|
.checkbox-tree__toggle:focus-visible {
|
||||||
outline: 2px solid currentColor;
|
outline: 2px solid currentColor;
|
||||||
outline-offset: 1px;
|
outline-offset: 1px;
|
||||||
|
|||||||
@@ -201,7 +201,6 @@ export class CheckboxTree {
|
|||||||
toggle.setAttribute('aria-expanded', String(expanded));
|
toggle.setAttribute('aria-expanded', String(expanded));
|
||||||
const label = this.nodesById.get(item.dataset.nodeId)?.label ?? 'branch';
|
const label = this.nodesById.get(item.dataset.nodeId)?.label ?? 'branch';
|
||||||
toggle.setAttribute('aria-label', `${expanded ? 'Collapse' : 'Expand'} ${label}`);
|
toggle.setAttribute('aria-label', `${expanded ? 'Collapse' : 'Expand'} ${label}`);
|
||||||
toggle.textContent = expanded ? '▼' : '▶';
|
|
||||||
}
|
}
|
||||||
|
|
||||||
directChildrenContainer(item) {
|
directChildrenContainer(item) {
|
||||||
|
|||||||
Reference in New Issue
Block a user