fix alternative icons having wrong offsets

This commit is contained in:
Shpuld Shpuldson 2020-11-26 23:01:16 +02:00
parent 5dfcf2acac
commit 276ef31145
3 changed files with 31 additions and 27 deletions

View file

@ -13,12 +13,13 @@
:spin="animated" :spin="animated"
/> />
</button> </button>
<FAIcon <span v-else>
v-else <FAIcon
class="FavoriteButton fa-scale-110 fa-old-padding" class="fa-scale-110 fa-old-padding"
:title="$t('tool_tip.favorite')" :title="$t('tool_tip.favorite')"
:icon="['far', 'star']" :icon="['far', 'star']"
/> />
</span>
<span <span
v-if="!mergedConfig.hidePostStats && status.fave_num > 0" v-if="!mergedConfig.hidePostStats && status.fave_num > 0"
class="action-counter" class="action-counter"
@ -38,7 +39,7 @@
> :first-child { > :first-child {
padding: 10px; padding: 10px;
margin: -10px -5px -10px -10px; margin: -10px -8px -10px -10px;
} }
.action-counter { .action-counter {

View file

@ -12,12 +12,13 @@
icon="reply" icon="reply"
/> />
</button> </button>
<FAIcon <span v-else>
v-else <FAIcon
icon="reply" icon="reply"
class="fa-scale-110 fa-old-padding" class="fa-scale-110 fa-old-padding"
:title="$t('tool_tip.reply')" :title="$t('tool_tip.reply')"
/> />
</span>
<span <span
v-if="status.replies_count > 0" v-if="status.replies_count > 0"
class="action-counter" class="action-counter"
@ -37,7 +38,7 @@
> :first-child { > :first-child {
padding: 10px; padding: 10px;
margin: -10px -5px -10px -10px; margin: -10px -8px -10px -10px;
} }
.action-counter { .action-counter {

View file

@ -13,18 +13,20 @@
:spin="animated" :spin="animated"
/> />
</button> </button>
<FAIcon <span v-else-if="loggedIn">
v-else-if="loggedIn" <FAIcon
class="fa-scale-110 fa-old-padding" class="fa-scale-110 fa-old-padding"
icon="lock" icon="lock"
:title="$t('timeline.no_retweet_hint')" :title="$t('timeline.no_retweet_hint')"
/> />
<FAIcon </span>
v-else <span v-else>
class="fa-scale-110 fa-old-padding" <FAIcon
icon="retweet" class="fa-scale-110 fa-old-padding"
:title="$t('tool_tip.repeat')" icon="retweet"
/> :title="$t('tool_tip.repeat')"
/>
</span>
<span <span
v-if="!mergedConfig.hidePostStats && status.repeat_num > 0" v-if="!mergedConfig.hidePostStats && status.repeat_num > 0"
class="no-event" class="no-event"
@ -44,7 +46,7 @@
> :first-child { > :first-child {
padding: 10px; padding: 10px;
margin: -10px -5px -10px -10px; margin: -10px -8px -10px -10px;
} }
.action-counter { .action-counter {