Fix RTL display name rendering

Wrap all the inline display names in a <bdi> tag
This commit is contained in:
r 2020-11-28 12:58:18 +00:00
parent 8f5fbab8dc
commit b35d62ecbb
4 changed files with 5 additions and 5 deletions

View file

@ -8,7 +8,7 @@
</div> </div>
<div class="user-info-details-container"> <div class="user-info-details-container">
<div class="user-info-details-name"> <div class="user-info-details-name">
<span class="status-dname"> {{EmojiFilter .User.DisplayName .User.Emojis}} </span> <bdi class="status-dname"> {{EmojiFilter .User.DisplayName .User.Emojis}} </bdi>
<a class="nav-link" href="/user/{{.User.ID}}" accesskey="0" title="User profile (0)"> <a class="nav-link" href="/user/{{.User.ID}}" accesskey="0" title="User profile (0)">
<span class="status-uname"> @{{.User.Acct}} </span> <span class="status-uname"> @{{.User.Acct}} </span>
</a> </a>

View file

@ -27,7 +27,7 @@
</div> </div>
<div class="notification-follow"> <div class="notification-follow">
<div class="notification-info-text"> <div class="notification-info-text">
<span class="status-dname"> {{EmojiFilter .Account.DisplayName .Account.Emojis}} </span> <bdi class="status-dname"> {{EmojiFilter .Account.DisplayName .Account.Emojis}} </bdi>
<span class="notification-text"> followed you - <span class="notification-text"> followed you -
<time datetime="{{FormatTimeRFC3339 .CreatedAt}}" title="{{FormatTimeRFC822 .CreatedAt}}">{{TimeSince .CreatedAt}}</time> <time datetime="{{FormatTimeRFC3339 .CreatedAt}}" title="{{FormatTimeRFC822 .CreatedAt}}">{{TimeSince .CreatedAt}}</time>
</span> </span>

View file

@ -5,7 +5,7 @@
<a class="img-link" href="/user/{{.Account.ID}}"> <a class="img-link" href="/user/{{.Account.ID}}">
<img class="status-profile-img" src="{{.Account.AvatarStatic}}" title="@{{.Account.Acct}}" alt="avatar" height="24" /> <img class="status-profile-img" src="{{.Account.AvatarStatic}}" title="@{{.Account.Acct}}" alt="avatar" height="24" />
</a> </a>
<span class="status-dname"> {{EmojiFilter .Account.DisplayName .Account.Emojis}} </span> <bdi class="status-dname"> {{EmojiFilter .Account.DisplayName .Account.Emojis}} </bdi>
<a href="/user/{{.Account.ID}}"> <a href="/user/{{.Account.ID}}">
<span class="status-uname"> @{{.Account.Acct}} </span> <span class="status-uname"> @{{.Account.Acct}} </span>
</a> </a>
@ -23,7 +23,7 @@
</div> </div>
<div class="status"> <div class="status">
<div class="status-name"> <div class="status-name">
<span class="status-dname"> {{EmojiFilter .Account.DisplayName .Account.Emojis}} </span> <bdi class="status-dname"> {{EmojiFilter .Account.DisplayName .Account.Emojis}} </bdi>
<a href="/user/{{.Account.ID}}"> <a href="/user/{{.Account.ID}}">
<span class="status-uname"> @{{.Account.Acct}} </span> <span class="status-uname"> @{{.Account.Acct}} </span>
</a> </a>

View file

@ -11,7 +11,7 @@
</div> </div>
<div class="user-profile-details-container"> <div class="user-profile-details-container">
<div> <div>
<span class="status-dname"> {{EmojiFilter .User.DisplayName .User.Emojis}} </span> <bdi class="status-dname"> {{EmojiFilter .User.DisplayName .User.Emojis}} </bdi>
<span class="status-uname"> @{{.User.Acct}} </span> <span class="status-uname"> @{{.User.Acct}} </span>
<a class="remote-link" href="{{.User.URL}}" target="_blank" title="remote profile"> <a class="remote-link" href="{{.User.URL}}" target="_blank" title="remote profile">
source source