diff --git a/frontend/global-styles/markdown-tweaks.scss b/frontend/global-styles/markdown-tweaks.scss index 5d8782155..f9fd09257 100644 --- a/frontend/global-styles/markdown-tweaks.scss +++ b/frontend/global-styles/markdown-tweaks.scss @@ -49,6 +49,14 @@ } } + hr { + color: #bbbcbf; + @media print { + color: transparent !important; + border-bottom: 2px solid #bbbcbf; + } + } + blockquote .blockquote-extra { font-size: 0.85em; margin-inline-start: 0.5em; diff --git a/frontend/global-styles/print.scss b/frontend/global-styles/print.scss index 7d9857f3d..cdedd714e 100644 --- a/frontend/global-styles/print.scss +++ b/frontend/global-styles/print.scss @@ -7,4 +7,32 @@ .heading-anchor { display: none; } + + mark { + print-color-adjust: exact; + } + + h1, h2, h3, h4, h5 { + break-after: avoid; + } + + table, figure { + break-inside: avoid; + } + + @page { + size: A4; + margin: 0 15pt; + } + + .print-link { + display: block; + } + +} + +@media screen { + .print-link { + display: none; + } } diff --git a/frontend/src/components/common/copyable/copy-to-clipboard-button/copy-to-clipboard-button.tsx b/frontend/src/components/common/copyable/copy-to-clipboard-button/copy-to-clipboard-button.tsx index 42d3877cf..4b689f770 100644 --- a/frontend/src/components/common/copyable/copy-to-clipboard-button/copy-to-clipboard-button.tsx +++ b/frontend/src/components/common/copyable/copy-to-clipboard-button/copy-to-clipboard-button.tsx @@ -12,6 +12,7 @@ import React, { Fragment, useRef } from 'react' import { Button } from 'react-bootstrap' import { Files as IconFiles } from 'react-bootstrap-icons' import type { Variant } from 'react-bootstrap/types' +import styles from './style.module.scss' export interface CopyToClipboardButtonProps extends PropsWithDataCypressId { content: string @@ -40,6 +41,7 @@ export const CopyToClipboardButton: React.FC = ({ return (