Fix LTR content leaking direction

Fixes #778
This commit is contained in:
L. E. Segovia 2018-12-11 23:44:33 +00:00
parent 07725445f9
commit 5f65e83850
No known key found for this signature in database
GPG Key ID: D5D1DC48B52B7AD5
6 changed files with 12 additions and 8 deletions

View File

@ -60,7 +60,8 @@
</div>
</div>
</div>
<div class="username" v-html="username(account)">
<div class="username">
<bdi v-html="username(account)"></bdi>
</div>
<div class="account">
@{{ account.acct }}

View File

@ -18,7 +18,7 @@
<icon name="star" scale="0.7"></icon>
</div>
<div class="action-detail">
<span class="bold" @click="openUser(message.account)" v-html="username(message.account)"></span> favourited your status
<span class="bold" @click="openUser(message.account)"><bdi v-html="username(message.account)"></bdi></span> favourited your status
</div>
<div class="action-icon">
<FailoverImg :src="message.account.avatar" :alt="`Avatar of ${message.account.username}`" />
@ -32,7 +32,7 @@
<div class="detail">
<div class="toot-header">
<div class="user" @click="openUser(message.status.account)">
<span class="display-name" v-html="username(message.status.account)"></span>
<span class="display-name"><bdi v-html="username(message.status.account)"></bdi></span>
</div>
<div class="timestamp">
{{ parseDatetime(message.status.created_at) }}

View File

@ -14,7 +14,7 @@
<icon name="user-plus" scale="0.7"></icon>
</div>
<div class="action-detail">
<span class="bold" @click="openUser(message.account)">{{ username(message.account) }}</span> is now following you
<span class="bold" @click="openUser(message.account)"><bdi v-html="username(message.account)"></bdi></span> is now following you
</div>
<div class="action-icon">
<FailoverImg :src="message.account.avatar" />

View File

@ -18,7 +18,7 @@
<icon name="retweet" scala="0.7"></icon>
</div>
<div class="action-detail">
<span class="bold" @click="openUser(message.account)" v-html="username(message.account)"></span> boosted your status
<span class="bold" @click="openUser(message.account)"><bdi v-html="username(message.account)"></bdi></span> boosted your status
</div>
<div class="action-icon">
<FailoverImg :src="message.account.avatar" :alt="`Avatar of ${message.account.username}`" />

View File

@ -23,7 +23,7 @@
<div class="detail" v-on:dblclick="openDetail(message)">
<div class="toot-header">
<div class="user" @click="openUser(originalMessage(message).account)">
<span class="display-name" v-html="username(originalMessage(message).account)"></span>
<span class="display-name" @click="openUser(message.account)"><bdi v-html="username(originalMessage(message).account)"></bdi></span>
<span class="acct">{{ accountName(originalMessage(message).account) }}</span>
</div>
<div class="timestamp">
@ -68,7 +68,8 @@
:src="message.account.avatar"
:alt="`Avatar of ${message.account.username}`" />
</span>
<span class="reblogger-name" @click="openUser(message.account)" :title="`Reblogged by ${message.account.username}`" v-html="username(message.account)">
<span class="reblogger-name" @click="openUser(message.account)" :title="`Reblogged by ${message.account.username}`" :aria-label="`Reblogged by ${message.account.username}`">
<bdi v-html="username(message.account)"></bdi>
</span>
</div>
<div class="tool-box">

View File

@ -4,7 +4,9 @@
<FailoverImg :src="user.avatar" :alt="`Avatar of ${user.username}`" />
</div>
<div class="name">
<div class="username" v-html="username(user)"></div>
<div class="username">
<bdi v-html="username(user)"></bdi>
</div>
<div class="acct">
@{{ user.acct }}
</div>