diff options
Diffstat (limited to 'src/components')
-rw-r--r-- | src/components/licenses.module.css | 4 | ||||
-rw-r--r-- | src/components/licenses.tsx | 6 |
2 files changed, 7 insertions, 3 deletions
diff --git a/src/components/licenses.module.css b/src/components/licenses.module.css index 512efbb..8fe7e1f 100644 --- a/src/components/licenses.module.css +++ b/src/components/licenses.module.css | |||
@@ -4,6 +4,10 @@ | |||
4 | * SPDX-License-Identifier: MIT | 4 | * SPDX-License-Identifier: MIT |
5 | */ | 5 | */ |
6 | 6 | ||
7 | .link { | ||
8 | white-space: nowrap; | ||
9 | } | ||
10 | |||
7 | .icon { | 11 | .icon { |
8 | vertical-align: text-top; | 12 | vertical-align: text-top; |
9 | width: 1em; | 13 | width: 1em; |
diff --git a/src/components/licenses.tsx b/src/components/licenses.tsx index f038b5f..85b0cb2 100644 --- a/src/components/licenses.tsx +++ b/src/components/licenses.tsx | |||
@@ -15,7 +15,7 @@ export type LicenseLinkProps = LinkProps & { label?: string }; | |||
15 | 15 | ||
16 | export function LicenseLink({ children, label, ...props }: LicenseLinkProps) { | 16 | export function LicenseLink({ children, label, ...props }: LicenseLinkProps) { |
17 | return ( | 17 | return ( |
18 | <Link {...props}> | 18 | <Link className={styles.link} {...props}> |
19 | <Certificate weight="bold" aria-hidden="true" className={styles.icon} /> | 19 | <Certificate weight="bold" aria-hidden="true" className={styles.icon} /> |
20 | <span className="sr-only">{label ?? 'License'}: </span> | 20 | <span className="sr-only">{label ?? 'License'}: </span> |
21 | {children} | 21 | {children} |
@@ -29,7 +29,7 @@ export function MITLicenseLink() { | |||
29 | 29 | ||
30 | export function CCLicenseLink({ children, label, ...props }: LicenseLinkProps) { | 30 | export function CCLicenseLink({ children, label, ...props }: LicenseLinkProps) { |
31 | return ( | 31 | return ( |
32 | <Link {...props}> | 32 | <Link className={styles.link} {...props}> |
33 | <CreativeCommonsIcon className={styles.icon} hidden /> | 33 | <CreativeCommonsIcon className={styles.icon} hidden /> |
34 | <span className="sr-only">{label ?? 'Creative Commons license'}: </span> | 34 | <span className="sr-only">{label ?? 'Creative Commons license'}: </span> |
35 | {children} | 35 | {children} |
@@ -51,7 +51,7 @@ export function ClosedAccessLink({ | |||
51 | ...props | 51 | ...props |
52 | }: LicenseLinkProps) { | 52 | }: LicenseLinkProps) { |
53 | return ( | 53 | return ( |
54 | <Link {...props}> | 54 | <Link className={styles.link} {...props}> |
55 | <Lock weight="bold" aria-hidden="true" className={styles.icon} /> | 55 | <Lock weight="bold" aria-hidden="true" className={styles.icon} /> |
56 | <span className="sr-only">{label ?? 'Closed access'}: </span> | 56 | <span className="sr-only">{label ?? 'Closed access'}: </span> |
57 | {children} | 57 | {children} |