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

fix(client): landing and donate page night mode friendly (#40883)

Browse Source
This commit is contained in:
Ahmad Abdolsaheb
2021-02-02 22:19:27 +03:00
committed by GitHub
parent 7640147a07
commit 13a248ba2b
5 changed files with 12 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -183,7 +183,6 @@ class DonateFormChildViewForHOC extends Component {
<Button <Button
block={true} block={true}
bsStyle='primary' bsStyle='primary'
className='btn-cta'
id='confirm-donation-btn' id='confirm-donation-btn'
type='submit' type='submit'
> >

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

@ -366,11 +366,13 @@ button#confirm-donation-btn {
border-radius: 5px; border-radius: 5px;
background-color: var(--yellow-light); background-color: var(--yellow-light);
border-color: var(--yellow-light); border-color: var(--yellow-light);
color: black;
font-weight: bold;
} }
button#confirm-donation-btn:active, button#confirm-donation-btn:active,
button#confirm-donation-btn:active:focus, button#confirm-donation-btn:active:focus,
button#confirm-donation-btn:hover { button#confirm-donation-btn:hover {
color: var(--secondary-color); color: black;
background-color: #f2ba38; background-color: #f2ba38;
border-color: #f2ba38; border-color: #f2ba38;
} }

8
client/src/components/landing/landing.css
View File

@ -118,7 +118,7 @@ p.caption {
font-family: 'Lato', sans-serif; font-family: 'Lato', sans-serif;
font-size: 1.1rem; font-size: 1.1rem;
margin: 0; margin: 0;
color: var(--gray-75); color: var(--quaternary-color);
} }
.testimonial-meta p:last-child { .testimonial-meta p:last-child {
margin-top: 15px; margin-top: 15px;
@ -157,6 +157,7 @@ p.caption {
height: 100%; height: 100%;
padding-bottom: 100%; padding-bottom: 100%;
position: relative; position: relative;
background-color: var(--primary-background);
} }
.testimonial-image { .testimonial-image {
@ -173,6 +174,7 @@ p.caption {
padding: 25px; padding: 25px;
text-align: justify; text-align: justify;
justify-content: center; justify-content: center;
background-color: var(--primary-background);
} }
.landing-top, .landing-top,
.as-seen-in, .as-seen-in,
@ -181,6 +183,10 @@ p.caption {
padding: 4vw 0; padding: 4vw 0;
} }
.map-ui .btn {
min-height: 80px;
}
@media (min-width: 500px) { @media (min-width: 500px) {
.landing-top p { .landing-top p {
font-size: 1.25rem; font-size: 1.25rem;

1
client/src/components/layouts/global.css
View File

@ -304,6 +304,7 @@ fieldset[disabled] .btn-primary.focus {
color: var(--secondary-background); color: var(--secondary-background);
} }
.link-btn.btn-lg svg,
.map-icon, .map-icon,
.cert-header-icon { .cert-header-icon {
flex-shrink: 0; flex-shrink: 0;

8
client/utils/gatsby/layoutSelector.js
View File

@ -37,13 +37,7 @@ export default function layoutSelector({ element, props }) {
</DefaultLayout> </DefaultLayout>
); );
} }
if (/^\/donation(\/.*)*|^\/$|^\/donate(\/.*)*/.test(pathname)) {
return (
<DefaultLayout pathname={pathname} useTheme={false}>
{element}
</DefaultLayout>
);
}
return <DefaultLayout pathname={pathname}>{element}</DefaultLayout>; return <DefaultLayout pathname={pathname}>{element}</DefaultLayout>;
} }