mirror of
https://github.com/discourse/discourse.git
synced 2025-03-01 08:49:20 +00:00
A11Y: improve about page profile link markup (#23695)
This commit is contained in:
parent
5884176174
commit
0bb7e9e0b8
@ -1,34 +1,32 @@
|
||||
{{#each this.usersTemplates as |userTemplate|}}
|
||||
<div data-username={{userTemplate.username}} class="user-info small">
|
||||
<div class="user-image">
|
||||
<div class="user-image-inner">
|
||||
<a
|
||||
href={{userTemplate.userPath}}
|
||||
data-user-card={{userTemplate.username}}
|
||||
>
|
||||
<a
|
||||
href={{userTemplate.userPath}}
|
||||
data-user-card={{userTemplate.username}}
|
||||
aria-label={{i18n "user.profile_possessive" username=userTemplate.username}}
|
||||
>
|
||||
<div data-username={{userTemplate.username}} class="user-info small">
|
||||
<div class="user-image">
|
||||
<div class="user-image-inner">
|
||||
|
||||
{{html-safe userTemplate.avatar}}
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="user-detail">
|
||||
<div class="name-line">
|
||||
<span class="username">
|
||||
<a
|
||||
href={{userTemplate.userPath}}
|
||||
data-user-card={{userTemplate.username}}
|
||||
>
|
||||
<div class="user-detail">
|
||||
<div class="name-line">
|
||||
<span class="username">
|
||||
{{#if
|
||||
userTemplate.prioritizeName
|
||||
}}{{userTemplate.name}}{{else}}{{userTemplate.username}}{{/if}}
|
||||
</a>
|
||||
</span>
|
||||
<span class="name">
|
||||
{{#if
|
||||
userTemplate.prioritizeName
|
||||
}}{{userTemplate.username}}{{else}}{{userTemplate.name}}{{/if}}
|
||||
</span>
|
||||
</span>
|
||||
<span class="name">
|
||||
{{#if
|
||||
userTemplate.prioritizeName
|
||||
}}{{userTemplate.username}}{{else}}{{userTemplate.name}}{{/if}}
|
||||
</span>
|
||||
</div>
|
||||
<div class="title">{{userTemplate.title}}</div>
|
||||
</div>
|
||||
<div class="title">{{userTemplate.title}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
{{/each}}
|
@ -25,24 +25,16 @@
|
||||
|
||||
.name-line {
|
||||
@include ellipsis;
|
||||
}
|
||||
color: var(--primary-high);
|
||||
|
||||
.bold a {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.margin a {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.name a,
|
||||
.username a {
|
||||
color: var(--primary-high-or-secondary-low);
|
||||
span:first-child {
|
||||
color: var(--primary);
|
||||
}
|
||||
}
|
||||
|
||||
.title {
|
||||
margin-top: 3px;
|
||||
color: var(--primary-med-or-secondary-med);
|
||||
color: var(--primary-medium);
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -1076,6 +1076,7 @@ en:
|
||||
user:
|
||||
said: "%{username}:"
|
||||
profile: "Profile"
|
||||
profile_possessive: "%{username}'s profile"
|
||||
mute: "Mute"
|
||||
edit: "Edit Preferences"
|
||||
download_archive:
|
||||
|
Loading…
x
Reference in New Issue
Block a user