diff options
| author | Shpuld Shpuldson <shp@cock.li> | 2020-11-26 23:01:16 +0200 |
|---|---|---|
| committer | Shpuld Shpuldson <shp@cock.li> | 2020-11-26 23:01:16 +0200 |
| commit | 276ef31145c4f485c0b899f5243c49e2cbf80cc1 (patch) | |
| tree | c5174b0c31dbcdeb0a7a64575a07583ad3ee87f2 | |
| parent | 5dfcf2acac7845a8bfcd5f74831566b30675bbd9 (diff) | |
fix alternative icons having wrong offsets
| -rw-r--r-- | src/components/favorite_button/favorite_button.vue | 15 | ||||
| -rw-r--r-- | src/components/reply_button/reply_button.vue | 15 | ||||
| -rw-r--r-- | src/components/retweet_button/retweet_button.vue | 28 |
3 files changed, 31 insertions, 27 deletions
diff --git a/src/components/favorite_button/favorite_button.vue b/src/components/favorite_button/favorite_button.vue index 9fc4f9d8..dce25e24 100644 --- a/src/components/favorite_button/favorite_button.vue +++ b/src/components/favorite_button/favorite_button.vue @@ -13,12 +13,13 @@ :spin="animated" /> </button> - <FAIcon - v-else - class="FavoriteButton fa-scale-110 fa-old-padding" - :title="$t('tool_tip.favorite')" - :icon="['far', 'star']" - /> + <span v-else> + <FAIcon + class="fa-scale-110 fa-old-padding" + :title="$t('tool_tip.favorite')" + :icon="['far', 'star']" + /> + </span> <span v-if="!mergedConfig.hidePostStats && status.fave_num > 0" class="action-counter" @@ -38,7 +39,7 @@ > :first-child { padding: 10px; - margin: -10px -5px -10px -10px; + margin: -10px -8px -10px -10px; } .action-counter { diff --git a/src/components/reply_button/reply_button.vue b/src/components/reply_button/reply_button.vue index fb010278..c17041da 100644 --- a/src/components/reply_button/reply_button.vue +++ b/src/components/reply_button/reply_button.vue @@ -12,12 +12,13 @@ icon="reply" /> </button> - <FAIcon - v-else - icon="reply" - class="fa-scale-110 fa-old-padding" - :title="$t('tool_tip.reply')" - /> + <span v-else> + <FAIcon + icon="reply" + class="fa-scale-110 fa-old-padding" + :title="$t('tool_tip.reply')" + /> + </span> <span v-if="status.replies_count > 0" class="action-counter" @@ -37,7 +38,7 @@ > :first-child { padding: 10px; - margin: -10px -5px -10px -10px; + margin: -10px -8px -10px -10px; } .action-counter { diff --git a/src/components/retweet_button/retweet_button.vue b/src/components/retweet_button/retweet_button.vue index 2a7301ce..859ce499 100644 --- a/src/components/retweet_button/retweet_button.vue +++ b/src/components/retweet_button/retweet_button.vue @@ -13,18 +13,20 @@ :spin="animated" /> </button> - <FAIcon - v-else-if="loggedIn" - class="fa-scale-110 fa-old-padding" - icon="lock" - :title="$t('timeline.no_retweet_hint')" - /> - <FAIcon - v-else - class="fa-scale-110 fa-old-padding" - icon="retweet" - :title="$t('tool_tip.repeat')" - /> + <span v-else-if="loggedIn"> + <FAIcon + class="fa-scale-110 fa-old-padding" + icon="lock" + :title="$t('timeline.no_retweet_hint')" + /> + </span> + <span v-else> + <FAIcon + class="fa-scale-110 fa-old-padding" + icon="retweet" + :title="$t('tool_tip.repeat')" + /> + </span> <span v-if="!mergedConfig.hidePostStats && status.repeat_num > 0" class="no-event" @@ -44,7 +46,7 @@ > :first-child { padding: 10px; - margin: -10px -5px -10px -10px; + margin: -10px -8px -10px -10px; } .action-counter { |