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

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

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>
)}
{copyright ? (
<div
className="footer__copyright"
// Developer provided the HTML, so assume it's safe.
// eslint-disable-next-line react/no-danger
dangerouslySetInnerHTML={{
__html: copyright ?? '',
__html: copyright,
}}
/>
) : null}
</div>
)}
</div>

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 {