fix(web): preserve polish accessibility contracts
This commit is contained in:
@@ -24,8 +24,8 @@
|
|||||||
- scrollbar-width: auto
|
- scrollbar-width: auto
|
||||||
- scrollbar-color: auto
|
- scrollbar-color: auto
|
||||||
- ::-webkit-scrollbar-thumb:hover declarations: var(--dsh-scrollbar-thumb-hover)
|
- ::-webkit-scrollbar-thumb:hover declarations: var(--dsh-scrollbar-thumb-hover)
|
||||||
- --dsh-scrollbar-thumb: rgb(60, 60, 61)
|
- --dsh-scrollbar-thumb: rgb(84, 85, 87)
|
||||||
- --dsh-scrollbar-thumb-hover: rgb(84, 85, 87)
|
- --dsh-scrollbar-thumb-hover: rgb(101, 103, 107)
|
||||||
- list overflows: true
|
- list overflows: true
|
||||||
- reserved band: 8px
|
- reserved band: 8px
|
||||||
- relative time covered by the bar: 0px
|
- relative time covered by the bar: 0px
|
||||||
|
|||||||
@@ -152,7 +152,7 @@ export const StatsLine = memo(function StatsLine({ useSession, useProjection }:
|
|||||||
<div className={css.root}>
|
<div className={css.root}>
|
||||||
{groups.map((group, i) => (
|
{groups.map((group, i) => (
|
||||||
<Fragment key={group}>
|
<Fragment key={group}>
|
||||||
{i > 0 && <span className={css.sep} aria-hidden>|</span>}
|
{i > 0 && <><span className={css.sep} aria-hidden>|</span>{' '}</>}
|
||||||
<span>{group}</span>
|
<span>{group}</span>
|
||||||
</Fragment>
|
</Fragment>
|
||||||
))}
|
))}
|
||||||
|
|||||||
@@ -148,7 +148,9 @@ export function PermissionSelect({ value, locked, command, t }: PermissionSelect
|
|||||||
)}
|
)}
|
||||||
<span className={css.triggerLabel}>{current === undefined ? displayName(currentValue) : optionLabel(current)}</span>
|
<span className={css.triggerLabel}>{current === undefined ? displayName(currentValue) : optionLabel(current)}</span>
|
||||||
{/* Same glyph + open rotation as the sibling ModelSelect trigger. */}
|
{/* Same glyph + open rotation as the sibling ModelSelect trigger. */}
|
||||||
<IconChevronDownOutline14 className={clsx(css.chevron, open && css.chevronOpen)} />
|
<span className={clsx(css.chevron, open && css.chevronOpen)} aria-hidden>
|
||||||
|
<IconChevronDownOutline14 />
|
||||||
|
</span>
|
||||||
</button>
|
</button>
|
||||||
}
|
}
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -595,6 +595,8 @@ describe('command launcher chrome and control seats', () => {
|
|||||||
const trigger = view.getByLabelText(/^访问模式/) as HTMLButtonElement
|
const trigger = view.getByLabelText(/^访问模式/) as HTMLButtonElement
|
||||||
// Title-case display is presentation only; the menu ids stay machine names.
|
// Title-case display is presentation only; the menu ids stay machine names.
|
||||||
expect(trigger.textContent).toBe('Read Only')
|
expect(trigger.textContent).toBe('Read Only')
|
||||||
|
expect([...trigger.querySelectorAll('svg')]
|
||||||
|
.every(icon => icon.closest('[aria-hidden="true"]') !== null)).toBe(true)
|
||||||
fireEvent.click(trigger)
|
fireEvent.click(trigger)
|
||||||
const items = view.getAllByRole('menuitem')
|
const items = view.getAllByRole('menuitem')
|
||||||
expect(items.map(o => o.textContent)).toEqual(['Read Only', 'Workspace Write', 'Full access'])
|
expect(items.map(o => o.textContent)).toEqual(['Read Only', 'Workspace Write', 'Full access'])
|
||||||
|
|||||||
@@ -23,8 +23,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.root:hover {
|
.root:hover {
|
||||||
--dsh-scrollbar-thumb: var(--dsw-alias-scrollbar-bg-l1);
|
--dsh-scrollbar-thumb: var(--dsw-alias-scrollbar-bg-l2);
|
||||||
--dsh-scrollbar-thumb-hover: var(--dsw-alias-scrollbar-hover-l1);
|
--dsh-scrollbar-thumb-hover: var(--dsw-alias-scrollbar-hover-l2);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Rail geometry (figma rail spec): 36x36 control boxes centered in the 56px
|
/* Rail geometry (figma rail spec): 36x36 control boxes centered in the 56px
|
||||||
|
|||||||
Reference in New Issue
Block a user