bigbuffet/pleroma
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve Reports styles

Browse source
This commit is contained in:
Alex Gleason 2022-04-28 21:36:28 -05:00
parent 735b5932a2
commit ec9e478bbe
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
3 changed files with 6 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
app/soapbox/features/admin/components/report.tsx
View file

@ -6,7 +6,7 @@ import { closeReports } from 'soapbox/actions/admin';
import { deactivateUserModal, deleteUserModal } from 'soapbox/actions/moderation'; import { deactivateUserModal, deleteUserModal } from 'soapbox/actions/moderation';
import snackbar from 'soapbox/actions/snackbar'; import snackbar from 'soapbox/actions/snackbar';
import Avatar from 'soapbox/components/avatar'; import Avatar from 'soapbox/components/avatar';
import { Button } from 'soapbox/components/ui'; import { Button, HStack } from 'soapbox/components/ui';
import DropdownMenu from 'soapbox/containers/dropdown_menu_container'; import DropdownMenu from 'soapbox/containers/dropdown_menu_container';
import Accordion from 'soapbox/features/ui/components/accordion'; import Accordion from 'soapbox/features/ui/components/accordion';
import { useAppDispatch } from 'soapbox/hooks'; import { useAppDispatch } from 'soapbox/hooks';
@ -98,19 +98,19 @@ const Report: React.FC<IReport> = ({ report }) => {
)} )}
</div> </div>
<div className='admin-report__quote'> <div className='admin-report__quote'>
{report.get('content', '').length > 0 && {report.get('content', '').length > 0 && (
<blockquote className='md' dangerouslySetInnerHTML={{ __html: report.get('content') }} /> <blockquote className='md' dangerouslySetInnerHTML={{ __html: report.get('content') }} />
} )}
<span className='byline'>&mdash; <Link to={`/@${reporterAcct}`} title={reporterAcct}>@{reporterAcct}</Link></span> <span className='byline'>&mdash; <Link to={`/@${reporterAcct}`} title={reporterAcct}>@{reporterAcct}</Link></span>
</div> </div>
</div> </div>
<div className='admin-report__actions'> <HStack space={2} alignItems='start'>
<Button onClick={handleCloseReport}> <Button onClick={handleCloseReport}>
<FormattedMessage id='admin.reports.actions.close' defaultMessage='Close' /> <FormattedMessage id='admin.reports.actions.close' defaultMessage='Close' />
</Button> </Button>
<DropdownMenu items={menu} src={require('@tabler/icons/icons/dots-vertical.svg')} /> <DropdownMenu items={menu} src={require('@tabler/icons/icons/dots-vertical.svg')} />
</div> </HStack>
</div> </div>
); );
}; };

1
app/styles/components/accordion.scss
View file

@ -25,6 +25,7 @@
width: 100%; width: 100%;
&::after { &::after {
@apply text-black dark:text-white;
content: ''; content: '';
display: block; display: block;
font-family: 'Font Awesome 5 Free'; font-family: 'Font Awesome 5 Free';

5
app/styles/components/admin.scss
View file

@ -105,10 +105,6 @@
font-weight: bold; font-weight: bold;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
a {
color: var(--primary-text-color);
}
} }
&__quote { &__quote {
@ -122,7 +118,6 @@
font-size: 12px; font-size: 12px;
a { a {
color: var(--primary-text-color);
text-decoration: none; text-decoration: none;
} }
} }