ChangePassword: improved keyboard navigation (#29567)

* ChangePassword: improved keyboard navigation

* updated skip button with appropriate tag

* applied box shadow to skip button
This commit is contained in:
Uchechukwu Obasi
2020-12-10 09:41:44 +01:00
committed by GitHub
parent 955c96ffd8
commit 4ea2c7d2b1
2 changed files with 3 additions and 4 deletions

View File

@@ -1,5 +1,5 @@
import React, { FC, SyntheticEvent } from 'react';
import { Tooltip, Form, Field, Input, VerticalGroup, Button, LinkButton } from '@grafana/ui';
import { Tooltip, Form, Field, Input, VerticalGroup, Button } from '@grafana/ui';
import { selectors } from '@grafana/e2e-selectors';
import { submitButton } from '../Login/LoginForm';
interface Props {
@@ -50,9 +50,9 @@ export const ChangePassword: FC<Props> = ({ onSubmit, onSkip }) => {
content="If you skip you will be prompted to change password next time you log in."
placement="bottom"
>
<LinkButton variant="link" onClick={onSkip} aria-label={selectors.pages.Login.skip}>
<Button variant="link" onClick={onSkip} type="button" aria-label={selectors.pages.Login.skip}>
Skip
</LinkButton>
</Button>
</Tooltip>
)}
</VerticalGroup>