3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-05-23 14:06:59 +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>
)}
{(logo || copyright) && (
<div className="text--center">
<div className="footer__bottom text--center">
{logo && logo.src && (
<div className="margin-bottom--sm">
{logo.href ? (
@ -106,14 +106,16 @@ function Footer(): JSX.Element | null {
)}
</div>
)}
<div
// Developer provided the HTML, so assume it's safe.
// eslint-disable-next-line react/no-danger
dangerouslySetInnerHTML={{
__html: copyright ?? '',
}}
/>
{copyright ? (
<div
className="footer__copyright"
// Developer provided the HTML, so assume it's safe.
// eslint-disable-next-line react/no-danger
dangerouslySetInnerHTML={{
__html: copyright,
}}
/>
) : null}
</div>
)}
</div>

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

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