CodeCow/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-06-16 21:06:35 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fix(client): misaligned buttons in the RWD certification (#49404)

Browse Source 
* fix(client): misalignedbuttons in the RWD certification

* Clean the css file
This commit is contained in:
Muhammed Mustafa 2023-02-18 07:55:47 +02:00 committed by GitHub
parent f975728c63
commit df1eb8c8de
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 14 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
client/src/templates/Challenges/codeally/codeally.css
View File

@ -2,14 +2,6 @@
font-family: 'Lato', sans-serif;
}
.ca-btn-padding {
padding: 0 15px;
}
.ca-btn-padding button {
button[aria-described-by='codeally-cookie-warning'] {
font-size: 1.1rem;
}
.ca-btn-margin {
margin-bottom: 5px;
}

36
client/src/templates/Challenges/codeally/show.tsx
View File

@ -237,7 +237,6 @@ class ShowCodeAlly extends Component<ShowCodeAllyProps> {
className='codeally-frame'
data-cy='codeally-frame'
name={`codeAlly${Date.now()}`}
// eslint-disable-next-line @typescript-eslint/restrict-template-expressions
sandbox='allow-modals allow-forms allow-popups allow-scripts allow-same-origin'
src={`https://codeally.io/embed/?repoUrl=${url}&${goBackTo}&${envVariables}&${tempToken}&${date}`}
title='Editor'
@ -304,29 +303,20 @@ class ShowCodeAlly extends Component<ShowCodeAllyProps> {
<Spacer />
</>
)}
<div
className={`ca-btn-padding ${
!isSignedIn ||
challengeType === challengeTypes.codeAllyPractice
? 'ca-btn-margin'
: ''
}`}
<Alert id='codeally-cookie-warning' bsStyle='info'>
<p>{t(`intro:misc-text.enable-cookies`)}</p>
</Alert>
<Button
aria-describedby='codeally-cookie-warning'
block={true}
bsStyle='primary'
data-cy='start-codeally'
onClick={tryToShowCodeAlly}
>
<Alert id='codeally-cookie-warning' bsStyle='info'>
<p>{t(`intro:misc-text.enable-cookies`)}</p>
</Alert>
<Button
aria-describedby='codeally-cookie-warning'
block={true}
bsStyle='primary'
data-cy='start-codeally'
onClick={tryToShowCodeAlly}
>
{challengeType === challengeTypes.codeAllyCert
? t('buttons.click-start-project')
: t('buttons.click-start-course')}
</Button>
</div>
{challengeType === challengeTypes.codeAllyCert
? t('buttons.click-start-project')
: t('buttons.click-start-course')}
</Button>
{isSignedIn &&
challengeType === challengeTypes.codeAllyCert && (
<>