test(web): count the preset icon and keep the access chevron aria-hidden

This commit is contained in:
Yif
2026-08-10 22:54:19 +08:00
parent 021ecb53c5
commit eb298a439f
4 changed files with 10 additions and 7 deletions
@@ -51,6 +51,9 @@
}
.chevron {
/* inline-flex, not inline: an inline seat reserves baseline descent under
the svg and floats the glyph off-center in the 28px trigger. */
display: inline-flex;
flex: 0 0 auto;
color: var(--dsw-alias-label-caption);
transition: transform 120ms ease;
@@ -147,10 +147,10 @@ export function PermissionSelect({ value, locked, command, t }: PermissionSelect
<span className={css.triggerIcon} aria-hidden>{permissionGlyph(currentValue)}</span>
)}
<span className={css.triggerLabel}>{current === undefined ? displayName(currentValue) : optionLabel(current)}</span>
{/* Same glyph + open rotation as the sibling ModelSelect trigger;
class on the svg itself — an inline wrapper span leaves
baseline descent under the icon and floats it off-center. */}
<IconChevronDownOutline14 className={clsx(css.chevron, open && css.chevronOpen)} />
{/* Same glyph + open rotation as the sibling ModelSelect trigger. */}
<span className={clsx(css.chevron, open && css.chevronOpen)} aria-hidden>
<IconChevronDownOutline14 />
</span>
</button>
}
/>