Fix RTL display name rendering
authorr <r@freesoftwareextremist.com>
Sat, 28 Nov 2020 12:58:18 +0000 (12:58 +0000)
committerr <r@freesoftwareextremist.com>
Sat, 28 Nov 2020 12:58:18 +0000 (12:58 +0000)
Wrap all the inline display names in a <bdi> tag

templates/nav.tmpl
templates/notification.tmpl
templates/status.tmpl
templates/user.tmpl

index f3db9f12990cff6db09a310b6e09c772ff921309..97898c83b93092a1f4c61e9a7cb0ab3205efbd21 100644 (file)
@@ -8,7 +8,7 @@
        </div>
        <div class="user-info-details-container">
                <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)">
                                <span class="status-uname"> @{{.User.Acct}} </span>
                        </a>
index 10eaafcb4d0110ec7c2d5042b507aa5c53218a85..3977aa761aed8e6d7a0b99da81a07b00dbd9424b 100644 (file)
@@ -27,7 +27,7 @@
                </div>
                <div class="notification-follow">
                        <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 - 
                                        <time datetime="{{FormatTimeRFC3339 .CreatedAt}}" title="{{FormatTimeRFC822 .CreatedAt}}">{{TimeSince .CreatedAt}}</time> 
                                </span>
index 4cdb459b42be8842eab4f20132ea21df76764c4f..6071b2fc803b220a0a966d16bd13ca443c611c92 100644 (file)
@@ -5,7 +5,7 @@
                <a class="img-link" href="/user/{{.Account.ID}}">
                        <img class="status-profile-img" src="{{.Account.AvatarStatic}}" title="@{{.Account.Acct}}" alt="avatar" height="24" />
                </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}}"> 
                        <span class="status-uname"> @{{.Account.Acct}} </span> 
                </a>
@@ -23,7 +23,7 @@
                </div>
                <div class="status"> 
                        <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}}">
                                        <span class="status-uname"> @{{.Account.Acct}} </span>
                                </a>
index b7a12b93a3f70a87bafa798bb6a1ffd639a58e8b..b3461c6cc846855278c3e621214c6c4def0cb636 100644 (file)
@@ -11,7 +11,7 @@
        </div>
        <div class="user-profile-details-container">
                <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>
                        <a class="remote-link" href="{{.User.URL}}" target="_blank" title="remote profile">
                                source