diff options
| author |  tobi <31960611+tsmethurst@users.noreply.github.com> | 2023-12-27 11:23:52 +0100 |
|---|---|---|
| committer |  GitHub <noreply@github.com> | 2023-12-27 11:23:52 +0100 |
| commit | 0ff52b71f2c0e970b1f0d43793c019bbed93e112 (patch) | |
| tree | eff120472b4b6f837121536ada03f530d213b13e /web/source/settings/admin/reports | |
| parent | [bugfix] :innocent: (#2476) (diff) | |
| download | gotosocial-0ff52b71f2c0e970b1f0d43793c019bbed93e112.tar.xz | |
[chore] Refactor HTML templates and CSS (#2480)
* [chore] Refactor HTML templates and CSS
* eslint
* ignore "Local"
* rss tests
* fiddle with OG just a tiny bit
* dick around with polls a bit more so SR stops saying "clickable"
* remove break
* oh lord
* don't lazy load avatar
* fix ogmeta tests
* clean up some cruft
* catch remaining calls to c.HTML
* fix error rendering + stack overflow in tag
* allow templating attributes
* fix indent
* set aria-hidden on status complementary content, since it's already present in the label anyway
* tidy up templating calls a little
* try to make styling a bit more consistent + readable
* fix up some remaining CSS issues
* fix up reports
Diffstat (limited to 'web/source/settings/admin/reports')
| -rw-r--r-- | web/source/settings/admin/reports/detail.jsx | 42 | ||||
| -rw-r--r-- | web/source/settings/admin/reports/index.jsx | 2 |
2 files changed, 29 insertions, 15 deletions
diff --git a/web/source/settings/admin/reports/detail.jsx b/web/source/settings/admin/reports/detail.jsx index d686b92bd..70d576080 100644 --- a/web/source/settings/admin/reports/detail.jsx +++ b/web/source/settings/admin/reports/detail.jsx @@ -140,18 +140,23 @@ function ReportedToot({ toot }) { const account = toot.account; return ( - <article className="toot expanded"> - <section className="author"> - <a> - <img className="avatar" src={account.avatar} alt="" /> - <span className="displayname"> - {account.display_name.trim().length > 0 ? account.display_name : account.username} - <span className="sr-only">.</span> - </span> - <span className="username">@{account.username}</span> - </a> - </section> - <section className="body"> + <article className="status expanded"> + <header className="status-header"> + <address> + <a style={{margin: 0}}> + <img className="avatar" src={account.avatar} alt="" /> + <dl className="author-strap"> + <dt className="sr-only">Display name</dt> + <dd className="displayname text-cutoff"> + {account.display_name.trim().length > 0 ? account.display_name : account.username} + </dd> + <dt className="sr-only">Username</dt> + <dd className="username text-cutoff">@{account.username}</dd> + </dl> + </a> + </address> + </header> + <section className="status-body"> <div className="text"> <div className="content"> {toot.spoiler_text?.length > 0 @@ -164,8 +169,17 @@ function ReportedToot({ toot }) { <TootMedia media={toot.media_attachments} sensitive={toot.sensitive} /> } </section> - <aside className="info"> - <time dateTime={toot.created_at}>{new Date(toot.created_at).toLocaleString()}</time> + <aside className="status-info"> + <dl class="status-stats"> + <div class="stats-grouping"> + <div class="stats-item published-at text-cutoff"> + <dt class="sr-only">Published</dt> + <dd> + <time dateTime={toot.created_at}>{new Date(toot.created_at).toLocaleString()}</time> + </dd> + </div> + </div> + </dl> </aside> </article> ); diff --git a/web/source/settings/admin/reports/index.jsx b/web/source/settings/admin/reports/index.jsx index 5ffbfd3a0..58fca998d 100644 --- a/web/source/settings/admin/reports/index.jsx +++ b/web/source/settings/admin/reports/index.jsx @@ -83,7 +83,7 @@ function ReportEntry({ report }) { <div className="usernames"> <Username user={from} link={false} /> reported <Username user={target} link={false} /> </div> - <h3 className="status"> + <h3 className="report-status"> {report.action_taken ? "Resolved" : "Open"} </h3> </div> |