diff options
Diffstat (limited to 'web/source/settings/components/fake-profile.jsx')
| -rw-r--r-- | web/source/settings/components/fake-profile.jsx | 26 |
1 files changed, 16 insertions, 10 deletions
diff --git a/web/source/settings/components/fake-profile.jsx b/web/source/settings/components/fake-profile.jsx index 0c407e6fb..5f00cd6d8 100644 --- a/web/source/settings/components/fake-profile.jsx +++ b/web/source/settings/components/fake-profile.jsx @@ -24,17 +24,23 @@ const React = require("react"); module.exports = function FakeProfile({ avatar, header, display_name, username, role }) { return ( // Keep in sync with web/template/profile.tmpl <div className="profile"> - <div className="headerimage"> - <img className="headerpreview" src={header} alt={header ? `header image for ${username}` : "None set"} /> - </div> - <div className="basic"> - <div id="profile-basic-filler2"></div> - <span className="avatar"><img className="avatarpreview" src={avatar} alt={avatar ? `avatar image for ${username}` : "None set"} /></span> - <div className="displayname">{display_name.trim().length > 0 ? display_name : username}</div> - <div className="usernamecontainer"> - <div className="username"><span>@{username}</span></div> + <div className="header"> + <div className="header-image"> + <img src={header} alt={header ? `header image for ${username}` : "None set"} /> + </div> + <div className="basic-info" aria-hidden="true"> + <a className="avatar" href="{{.account.Avatar}}"> + <img src={avatar} alt={avatar ? `avatar image for ${username}` : "None set"} /> + </a> + <span className="displayname text-cutoff"> + {display_name.trim().length > 0 ? display_name : username} + <span className="sr-only">.</span> + </span> + <span className="username text-cutoff">@{username}</span> {(role && role != "user") && - <div className={`role ${role}`}>{role}</div> + <div className={`role ${role}`}> + <span className="sr-only">Role: </span>{role} + </div> } </div> </div> |