diff --git a/app/soapbox/features/admin/components/report.tsx b/app/soapbox/features/admin/components/report.tsx index 16e99bb7c0..6d3da60092 100644 --- a/app/soapbox/features/admin/components/report.tsx +++ b/app/soapbox/features/admin/components/report.tsx @@ -6,7 +6,8 @@ import { closeReports } from 'soapbox/actions/admin'; import { deactivateUserModal, deleteUserModal } from 'soapbox/actions/moderation'; import snackbar from 'soapbox/actions/snackbar'; import Avatar from 'soapbox/components/avatar'; -import { Button } from 'soapbox/components/ui'; +import HoverRefWrapper from 'soapbox/components/hover_ref_wrapper'; +import { Button, HStack } from 'soapbox/components/ui'; import DropdownMenu from 'soapbox/containers/dropdown_menu_container'; import Accordion from 'soapbox/features/ui/components/accordion'; import { useAppDispatch } from 'soapbox/hooks'; @@ -74,16 +75,22 @@ const Report: React.FC = ({ report }) => { return (
- - - + + + + +

@{acct} }} + values={{ acct: ( + + @{acct} + + ) }} />

@@ -98,19 +105,24 @@ const Report: React.FC = ({ report }) => { )}
- {report.get('content', '').length > 0 && + {report.get('content', '').length > 0 && (
- } - @{reporterAcct} + )} + + — + + @{reporterAcct} + +
-
+ -
+
); }; diff --git a/app/styles/components/accordion.scss b/app/styles/components/accordion.scss index 00a14196e3..314da1369b 100644 --- a/app/styles/components/accordion.scss +++ b/app/styles/components/accordion.scss @@ -25,6 +25,7 @@ width: 100%; &::after { + @apply text-black dark:text-white; content: ''; display: block; font-family: 'Font Awesome 5 Free'; diff --git a/app/styles/components/admin.scss b/app/styles/components/admin.scss index 56e7e90228..75ab36c382 100644 --- a/app/styles/components/admin.scss +++ b/app/styles/components/admin.scss @@ -105,10 +105,6 @@ font-weight: bold; text-overflow: ellipsis; overflow: hidden; - - a { - color: var(--primary-text-color); - } } &__quote { @@ -122,7 +118,6 @@ font-size: 12px; a { - color: var(--primary-text-color); text-decoration: none; } }