random-mirrors/cosmos-explorer
1
0
Fork 0
mirror of https://github.com/Azure/cosmos-explorer.git synced 2025-07-07 04:24:01 +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> </Text>
<Stack horizontal> <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 {isDatabase ? "Database" : getCollectionName()} Max RU/s
</Text> </Text>
<InfoTooltip>{getAutoScaleTooltip()}</InfoTooltip> <InfoTooltip>{getAutoScaleTooltip()}</InfoTooltip>
@ -224,11 +229,11 @@ export const ThroughputInput: FunctionComponent<ThroughputInputProps> = ({
fieldGroup: { width: 300, height: 27 }, fieldGroup: { width: 300, height: 27 },
field: { fontSize: 12 }, field: { fontSize: 12 },
}} }}
onChange={(event, newInput?: string) => onThroughputValueChange(newInput)} onChange={(_, newInput?: string) => onThroughputValueChange(newInput)}
step={AutoPilotUtils.autoPilotIncrementStep} step={AutoPilotUtils.autoPilotIncrementStep}
min={AutoPilotUtils.minAutoPilotThroughput} min={AutoPilotUtils.minAutoPilotThroughput}
value={throughput.toString()} value={throughput.toString()}
aria-label="Max request units per second" aria-labelledby="maxRU"
required={true} required={true}
errorMessage={throughputError} errorMessage={throughputError}
/> />
@ -268,7 +273,7 @@ export const ThroughputInput: FunctionComponent<ThroughputInputProps> = ({
fieldGroup: { width: 300, height: 27 }, fieldGroup: { width: 300, height: 27 },
field: { fontSize: 12 }, field: { fontSize: 12 },
}} }}
onChange={(event, newInput?: string) => onThroughputValueChange(newInput)} onChange={(_, newInput?: string) => onThroughputValueChange(newInput)}
step={100} step={100}
min={SharedConstants.CollectionCreation.DefaultCollectionRUs400} min={SharedConstants.CollectionCreation.DefaultCollectionRUs400}
max={userContext.isTryCosmosDBSubscription ? Constants.TryCosmosExperience.maxRU : Infinity} max={userContext.isTryCosmosDBSubscription ? Constants.TryCosmosExperience.maxRU : Infinity}