therwi/sunkkoma
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Some initial work on replacing icons with FA5

Browse source
This commit is contained in:
Henry Jameson 2020-10-19 19:38:49 +03:00
parent 350f25016f
commit 3814218277
34 changed files with 528 additions and 245 deletions
Download patch file Download diff file Expand all files Collapse all files

70
src/components/status/status.vue
View file

@ -10,17 +10,20 @@
class="alert error"
>
{{ error }}
<i
class="button-icon icon-cancel"
<span
class="button-icon"
@click="clearError"
/>
>
<FAIcon icon="times" />
</span>
</div>
<template v-if="muted && !isPreview">
<div class="status-container muted">
<small class="status-username">
<i
<FAIcon
v-if="muted && retweet"
class="button-icon icon-retweet"
class="button-icon repeat-icon"
icon="retweet"
/>
<router-link :to="userProfileLink">
{{ status.user.screen_name }}
@ -46,9 +49,11 @@
</small>
<a
href="#"
class="unmute"
class="unmute button-icon"
@click.prevent="toggleMute"
><i class="button-icon icon-eye-off" /></a>
>
<FAIcon icon="eye-slash" class="button-icon" size="lg" />
</a>
</div>
</template>
<template v-else>
@ -56,7 +61,7 @@
v-if="showPinned"
class="pin"
>
<i class="fa icon-pin faint" />
<FAIcon icon="thumbtack" class="faint" />
<span class="faint">{{ $t('status.pinned') }}</span>
</div>
<div
@ -86,8 +91,9 @@
:to="retweeterProfileLink"
>{{ retweeter }}</router-link>
</span>
<i
class="fa icon-retweet retweeted"
<FAIcon
icon="retweet"
class="repeat-icon"
:title="$t('tool_tip.repeat')"
/>
{{ $t('timeline.repeated') }}
@ -167,15 +173,13 @@
:auto-update="60"
/>
</router-link>
<div
<span
v-if="status.visibility"
class="button-icon visibility-icon"
>
<i
:class="visibilityIcon(status.visibility)"
:title="status.visibility | capitalize"
/>
</div>
class="visibility-icon"
:title="status.visibility | capitalize"
>
<FAIcon class="button-icon" :icon="visibilityIcon(status.visibility)" size="lg" />
</span>
<a
v-if="!status.is_local && !isPreview"
:href="status.external_url"
@ -183,22 +187,23 @@
class="source_url"
title="Source"
>
<i class="button-icon icon-link-ext-alt" />
<FAIcon class="button-icon" icon="external-link-square-alt" size="lg" />
</a>
<a
v-if="expandable && !isPreview"
href="#"
title="Expand"
@click.prevent="toggleExpanded"
>
<FAIcon class="button-icon" icon="plus-square" size="lg" />
</a>
<template v-if="expandable && !isPreview">
<a
href="#"
title="Expand"
@click.prevent="toggleExpanded"
>
<i class="button-icon icon-plus-squared" />
</a>
</template>
<a
v-if="unmuted"
href="#"
@click.prevent="toggleMute"
><i class="button-icon icon-eye-off" /></a>
>
<FAIcon icon="eye-slash" class="button-icon" size="lg" />
</a>
</span>
</div>
@ -220,7 +225,12 @@
:aria-label="$t('tool_tip.reply')"
@click.prevent="gotoOriginal(status.in_reply_to_status_id)"
>
<i class="button-icon reply-button icon-reply" />
<FAIcon
class="button-icon"
icon="reply"
size="lg"
flip="horizontal"
/>
<span
class="faint-link reply-to-text"
>