3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-05-23 22:17:00 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix(v2): improve Footer structure, add class names, use Infima transition (#3882)

Browse source
This commit is contained in:
Bartosz Kaszubowski 2020-12-07 16:35:00 +01:00 • committed by GitHub
parent 9fd8a3c693
commit e00e54a693
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

20
packages/docusaurus-theme-classic/src/theme/Footer/index.tsx
View file

@ -90,7 +90,7 @@ function Footer(): JSX.Element | null {
</div> </div>
)} )}
{(logo || copyright) && ( {(logo || copyright) && (
<div className="text--center"> <div className="footer__bottom text--center">
{logo && logo.src && ( {logo && logo.src && (
<div className="margin-bottom--sm"> <div className="margin-bottom--sm">
{logo.href ? ( {logo.href ? (
@ -106,14 +106,16 @@ function Footer(): JSX.Element | null {
)} )}
</div> </div>
)} )}
{copyright ? (
<div <div
// Developer provided the HTML, so assume it's safe. className="footer__copyright"
// eslint-disable-next-line react/no-danger // Developer provided the HTML, so assume it's safe.
dangerouslySetInnerHTML={{ // eslint-disable-next-line react/no-danger
__html: copyright ?? '', dangerouslySetInnerHTML={{
}} __html: copyright,
/> }}
/>
) : null}
</div> </div>
)} )}
</div> </div>

2
packages/docusaurus-theme-classic/src/theme/Footer/styles.module.css
View file

@ -7,7 +7,7 @@
.footerLogoLink { .footerLogoLink {
opacity: 0.5; opacity: 0.5;
transition: opacity 0.15s ease-in-out; transition: opacity var(--ifm-transition-fast) var(--ifm-transition-timing-default);
} }
.footerLogoLink:hover { .footerLogoLink:hover {