1
0

Replace new-style upstream CWs with old-style CWs for now

This commit is contained in:
Claire 2024-09-22 20:21:46 +02:00
parent 0d26c9fb0b
commit 4d754935a9
2 changed files with 27 additions and 10 deletions

View File

@ -1,15 +1,25 @@
import { StatusBanner, BannerVariant } from './status_banner';
/* Significantly rewritten from upstream to keep the old design for now */
import { FormattedMessage } from 'react-intl';
export const ContentWarning: React.FC<{
text: string;
expanded?: boolean;
onClick?: () => void;
}> = ({ text, expanded, onClick }) => (
<StatusBanner
expanded={expanded}
onClick={onClick}
variant={BannerVariant.Yellow}
>
<p dangerouslySetInnerHTML={{ __html: text }} />
</StatusBanner>
<p>
<span dangerouslySetInnerHTML={{ __html: text }} className='translate' />{' '}
<button
type='button'
className='status__content__spoiler-link'
onClick={onClick}
aria-expanded={expanded}
>
{expanded ? (
<FormattedMessage id='status.show_less' defaultMessage='Show less' />
) : (
<FormattedMessage id='status.show_more' defaultMessage='Show more' />
)}
</button>
</p>
);

View File

@ -1365,7 +1365,7 @@ body > [data-popper-placement] {
.status__content__spoiler-link {
display: inline-flex; // glitch: media icon in spoiler button
border-radius: 2px;
background: transparent;
background: $action-button-color; // glitch: design used in more places
border: 0;
color: $inverted-text-color;
font-weight: 700;
@ -1378,7 +1378,8 @@ body > [data-popper-placement] {
align-items: center; // glitch: content indicator
&:hover {
background: lighten($ui-base-color, 33%);
// glitch: design used in more places
background: lighten($action-button-color, 7%);
text-decoration: none;
}
@ -11219,6 +11220,12 @@ noscript {
}
}
/* glitch: used for CWs */
p {
font-size: 15px;
color: $darker-text-color;
}
&__content {
display: -webkit-box;
font-size: 15px;