gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix: add close modal to keyboard navigation

Browse Source
This commit is contained in:
Oliver Eyton-Williams
2019-12-18 09:36:43 +01:00
committed by mrugesh
parent 1289d35435
commit 6ef9345f92
2 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
client/src/components/Donation/Donation.css
View File

@ -217,6 +217,11 @@ li.disabled > a {
font-size: 1.5rem; font-size: 1.5rem;
} }
.donation-modal .btn-link:focus {
outline-width: 1px;
outline-style: solid;
}
@media screen and (max-width: 991px) { @media screen and (max-width: 991px) {
.donation-icon-container { .donation-icon-container {
margin: 30px; margin: 30px;

1
client/src/components/Donation/components/DonationModal.js
View File

@ -107,6 +107,7 @@ function DonateModal({ show, block, isBlockDonation, closeDonationModal }) {
bsStyle='primary' bsStyle='primary'
className='btn-link' className='btn-link'
onClick={closeDonationModal} onClick={closeDonationModal}
tabIndex='0'
> >
{closeLabel ? 'Close.' : 'Ask me later.'} {closeLabel ? 'Close.' : 'Ask me later.'}
</Button> </Button>