Fix arrow sizing

This commit is contained in:
2026-07-11 21:14:14 -05:00
parent 6bd490087b
commit 1372bbc074
2 changed files with 4 additions and 1 deletions
+4
View File
@@ -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;
-1
View File
@@ -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) {