[chore] Fix report username wrapping (#1464)

* fix report username wrapping

* move report status to separate line on portrait orientation
This commit is contained in:
f0x52 2023-02-09 09:26:35 +01:00 committed by GitHub
commit 65b19411a4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 26 additions and 5 deletions

View file

@ -60,7 +60,7 @@ function ReportDetailForm({ data: report }) {
return (
<div className="report detail">
<div>
<div className="usernames">
<Username user={from} /> reported <Username user={target} />
</div>

View file

@ -89,7 +89,7 @@ function ReportEntry({ report }) {
<Link to={`${baseUrl}/${report.id}`}>
<a className={`report entry${report.action_taken ? " resolved" : ""}`}>
<div className="byline">
<div className="users">
<div className="usernames">
<Username user={from} link={false} /> reported <Username user={target} link={false} />
</div>
<h3 className="status">

View file

@ -36,7 +36,7 @@ module.exports = function Username({ user, link = true }) {
? { fa: "fa-home", info: "Local user" }
: { fa: "fa-external-link-square", info: "Remote user" };
let Element = "span";
let Element = "div";
let href = null;
if (link) {
@ -46,7 +46,7 @@ module.exports = function Username({ user, link = true }) {
return (
<Element className={className} href={href} target="_blank" rel="noreferrer" >
@{user.account.acct}
<span className="acct">@{user.account.acct}</span>
<i className={`fa fa-fw ${icon.fa}`} aria-hidden="true" title={icon.info} />
<span className="sr-only">{icon.info}</span>
</Element>