Add a pref for whether to display mention as icon or text

This commit is contained in:
Tusooa Zhu 2022-01-10 00:37:39 -05:00
parent 28ee5721bb
commit 76547fe66d
No known key found for this signature in database
GPG key ID: 7B467EDE43A08224
5 changed files with 15 additions and 4 deletions

View file

@ -85,6 +85,9 @@ const MentionLink = {
this.highlightType
]
},
useAtIcon () {
return this.mergedConfig.useAtIcon
},
...mapGetters(['mergedConfig']),
...mapState({
currentUser: state => state.users.currentUser

View file

@ -24,10 +24,11 @@
>
<!-- eslint-disable vue/no-v-html -->
<FAIcon
v-if="useAtIcon"
size="sm"
icon="at"
class="at"
/><span class="shortName"><span
/><span class="shortName">{{ !useAtIcon ? '@' : '' }}<span
class="userName"
v-html="userName"
/></span>

View file

@ -147,6 +147,11 @@
{{ $t('settings.greentext') }}
</BooleanSetting>
</li>
<li>
<BooleanSetting path="useAtIcon">
{{ $t('settings.use_at_icon') }}
</BooleanSetting>
</li>
</ul>
</div>

View file

@ -70,6 +70,7 @@ export const defaultState = {
useOneClickNsfw: false,
useContainFit: false,
greentext: undefined, // instance default
useAtIcon: undefined, // instance default
hidePostStats: undefined, // instance default
hideUserStats: undefined, // instance default
virtualScrolling: undefined, // instance default

View file

@ -20,6 +20,7 @@ const defaultState = {
background: '/static/aurora_borealis.jpg',
collapseMessageWithSubject: false,
greentext: false,
useAtIcon: false,
hideFilteredStatuses: false,
// bad name: actually hides posts of muted USERS
hideMutedPosts: false,