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 this.highlightType
] ]
}, },
useAtIcon () {
return this.mergedConfig.useAtIcon
},
...mapGetters(['mergedConfig']), ...mapGetters(['mergedConfig']),
...mapState({ ...mapState({
currentUser: state => state.users.currentUser currentUser: state => state.users.currentUser

View file

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

View file

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

View file

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

View file

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