IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-11 16:15:42 -06:00
Code Issues Packages Projects Releases Wiki Activity

A11y: Fix prometheus issues (#42671)

Browse Source
This commit is contained in:
Ivana Huckova 2021-12-03 14:15:25 +01:00 committed by GitHub
parent 698f452e0d
commit 8722c19cc3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/grafana-ui/src/components/Forms/Legacy/Select/Select.tsx
View File

@ -101,6 +101,7 @@ export class Select<T> extends PureComponent<LegacySelectProps<T>> {
onOpenMenu,
allowCustomValue,
formatCreateLabel,
'aria-label': ariaLabel,
} = this.props;
let widthClass = '';
@ -151,6 +152,7 @@ export class Select<T> extends PureComponent<LegacySelectProps<T>> {
onMenuOpen={onOpenMenuInternal}
onMenuClose={onCloseMenuInternal}
tabSelectsValue={tabSelectsValue}
aria-label={ariaLabel}
{...creatableOptions}
/>
);

3
public/app/plugins/datasource/prometheus/components/PromQueryEditor.tsx
View File

@ -161,6 +161,7 @@ export class PromQueryEditor extends PureComponent<PromQueryEditorProps, State>
<input
type="text"
className="gf-form-input width-8"
aria-label="Set lower limit for the step parameter"
placeholder={interval}
onChange={this.onIntervalChange}
onBlur={this.onRunQuery}
@ -171,6 +172,7 @@ export class PromQueryEditor extends PureComponent<PromQueryEditorProps, State>
<div className="gf-form">
<div className="gf-form-label">Resolution</div>
<Select
aria-label="Select resolution"
menuShouldPortal
isSearchable={false}
options={INTERVAL_FACTOR_OPTIONS}
@ -189,6 +191,7 @@ export class PromQueryEditor extends PureComponent<PromQueryEditorProps, State>
options={FORMAT_OPTIONS}
onChange={this.onFormatChange}
value={formatOption}
aria-label="Select format"
/>
<Switch label="Instant" checked={instant} onChange={this.onInstantChange} />

1
public/app/plugins/datasource/prometheus/configuration/PromSettings.tsx
View File

@ -75,6 +75,7 @@ export const PromSettings = (props: Props) => {
HTTP Method
</InlineFormLabel>
<Select
aria-label="Select HTTP method"
menuShouldPortal
options={httpOptions}
value={httpOptions.find((o) => o.value === options.jsonData.httpMethod)}