random-mirrors/cosmos-explorer
1
0
Fork 0
mirror of https://github.com/Azure/cosmos-explorer.git synced 2025-05-16 05:15:04 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fixed a11y issue for the new container label

Browse Source
This commit is contained in:
vaidankarswapnil 2022-01-19 21:50:34 +05:30
parent de5df90f75
commit a8caf95344
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/Explorer/Controls/ThroughputInput/ThroughputInput.tsx
View File

@ -212,7 +212,12 @@ export const ThroughputInput: FunctionComponent<ThroughputInputProps> = ({
</Text>
<Stack horizontal>
<Text variant="small" style={{ lineHeight: "20px", fontWeight: 600 }} aria-label="maxRUDescription">
<Text
id="maxRU"
variant="small"
style={{ lineHeight: "20px", fontWeight: 600 }}
aria-label="Max request units per second"
>
{isDatabase ? "Database" : getCollectionName()} Max RU/s
</Text>
<InfoTooltip>{getAutoScaleTooltip()}</InfoTooltip>
@ -224,11 +229,11 @@ export const ThroughputInput: FunctionComponent<ThroughputInputProps> = ({
fieldGroup: { width: 300, height: 27 },
field: { fontSize: 12 },
}}
onChange={(event, newInput?: string) => onThroughputValueChange(newInput)}
onChange={(_, newInput?: string) => onThroughputValueChange(newInput)}
step={AutoPilotUtils.autoPilotIncrementStep}
min={AutoPilotUtils.minAutoPilotThroughput}
value={throughput.toString()}
aria-label="Max request units per second"
aria-labelledby="maxRU"
required={true}
errorMessage={throughputError}
/>
@ -268,7 +273,7 @@ export const ThroughputInput: FunctionComponent<ThroughputInputProps> = ({
fieldGroup: { width: 300, height: 27 },
field: { fontSize: 12 },
}}
onChange={(event, newInput?: string) => onThroughputValueChange(newInput)}
onChange={(_, newInput?: string) => onThroughputValueChange(newInput)}
step={100}
min={SharedConstants.CollectionCreation.DefaultCollectionRUs400}
max={userContext.isTryCosmosDBSubscription ? Constants.TryCosmosExperience.maxRU : Infinity}