diff options
author | Kristóf Marussy <kristof@marussy.com> | 2024-03-20 02:01:30 +0100 |
---|---|---|
committer | Kristóf Marussy <kristof@marussy.com> | 2024-03-20 02:01:30 +0100 |
commit | 76466068187ee29ab000b598b1c7a882ae5e4d9b (patch) | |
tree | b0d21c67b4654c8212662c20b3571c4a4cdfc116 /src/theme | |
parent | Underline links for increased accessibility (diff) | |
download | blog-76466068187ee29ab000b598b1c7a882ae5e4d9b.tar.gz blog-76466068187ee29ab000b598b1c7a882ae5e4d9b.tar.zst blog-76466068187ee29ab000b598b1c7a882ae5e4d9b.zip |
Fix license link line breaks
Diffstat (limited to 'src/theme')
-rw-r--r-- | src/theme/Footer/Copyright.jsx | 9 | ||||
-rw-r--r-- | src/theme/Footer/Copyright.module.css | 4 |
2 files changed, 11 insertions, 2 deletions
diff --git a/src/theme/Footer/Copyright.jsx b/src/theme/Footer/Copyright.jsx index 58afe0f..648bd42 100644 --- a/src/theme/Footer/Copyright.jsx +++ b/src/theme/Footer/Copyright.jsx | |||
@@ -12,6 +12,7 @@ | |||
12 | */ | 12 | */ |
13 | 13 | ||
14 | import Link from '@docusaurus/Link'; | 14 | import Link from '@docusaurus/Link'; |
15 | import clsx from 'clsx'; | ||
15 | import React from 'react'; | 16 | import React from 'react'; |
16 | 17 | ||
17 | import { CCLicenseLink, LicenseLink } from '@site/src/components/licenses'; | 18 | import { CCLicenseLink, LicenseLink } from '@site/src/components/licenses'; |
@@ -25,7 +26,7 @@ export default function FooterCopyright({ copyright }) { | |||
25 | <CCLicenseLink | 26 | <CCLicenseLink |
26 | to="/license#content" | 27 | to="/license#content" |
27 | rel="license" | 28 | rel="license" |
28 | className={styles.link} | 29 | className={clsx(styles.link, styles['link--license'])} |
29 | > | 30 | > |
30 | CC-BY-4.0 | 31 | CC-BY-4.0 |
31 | </CCLicenseLink> | 32 | </CCLicenseLink> |
@@ -34,7 +35,11 @@ export default function FooterCopyright({ copyright }) { | |||
34 | code for this site | 35 | code for this site |
35 | </Link>{' '} | 36 | </Link>{' '} |
36 | is{' '} | 37 | is{' '} |
37 | <LicenseLink to="/license#code" rel="license" className={styles.link}> | 38 | <LicenseLink |
39 | to="/license#code" | ||
40 | rel="license" | ||
41 | className={clsx(styles.link, styles['link--license'])} | ||
42 | > | ||
38 | MIT | 43 | MIT |
39 | </LicenseLink> | 44 | </LicenseLink> |
40 | .<br /> | 45 | .<br /> |
diff --git a/src/theme/Footer/Copyright.module.css b/src/theme/Footer/Copyright.module.css index 8bae599..23f11aa 100644 --- a/src/theme/Footer/Copyright.module.css +++ b/src/theme/Footer/Copyright.module.css | |||
@@ -13,3 +13,7 @@ | |||
13 | /* Make links stand out from the text even in dark mode. */ | 13 | /* Make links stand out from the text even in dark mode. */ |
14 | --ifm-link-color: var(--ifm-color-emphasis-500); | 14 | --ifm-link-color: var(--ifm-color-emphasis-500); |
15 | } | 15 | } |
16 | |||
17 | .link--license { | ||
18 | white-space: nowrap; | ||
19 | } | ||