aboutsummaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
authorHenry Jameson <me@hjkos.com>2022-03-28 15:01:34 +0300
committerHenry Jameson <me@hjkos.com>2022-03-28 15:01:34 +0300
commitf706234d77f0924dac3b8270c1acb73edd387f2e (patch)
tree8f056f7bc536597d72c2af7166c2ed7440ea82c7 /src
parent805615d52befc413693c5a80d69e2f901d106076 (diff)
fix being unable to set/reset background (and possibly avatar/banner)
Diffstat (limited to 'src')
-rw-r--r--src/components/settings_modal/tabs/profile_tab.vue45
1 files changed, 28 insertions, 17 deletions
diff --git a/src/components/settings_modal/tabs/profile_tab.vue b/src/components/settings_modal/tabs/profile_tab.vue
index e00f6e5b..b78581bd 100644
--- a/src/components/settings_modal/tabs/profile_tab.vue
+++ b/src/components/settings_modal/tabs/profile_tab.vue
@@ -68,8 +68,9 @@
class="delete-field button-unstyled -hover-highlight"
@click="deleteField(i)"
>
+ <!-- TODO something is wrong with v-show here -->
<FAIcon
- v-show="newFields.length > 1"
+ v-if="newFields.length > 1"
icon="times"
/>
</button>
@@ -106,14 +107,17 @@
:src="user.profile_image_url_original"
class="current-avatar"
>
- <FAIcon
+ <button
v-if="!isDefaultAvatar && pickAvatarBtnVisible"
:title="$t('settings.reset_avatar')"
- class="reset-button"
- icon="times"
- type="button"
@click="resetAvatar"
- />
+ >
+ <FAIcon
+ class="reset-button"
+ icon="times"
+ type="button"
+ />
+ </button>
</div>
<p>{{ $t('settings.set_new_avatar') }}</p>
<button
@@ -135,14 +139,17 @@
<h2>{{ $t('settings.profile_banner') }}</h2>
<div class="banner-background-preview">
<img :src="user.cover_photo">
- <FAIcon
+ <button
v-if="!isDefaultBanner"
:title="$t('settings.reset_profile_banner')"
- class="reset-button"
- icon="times"
- type="button"
@click="resetBanner"
- />
+ >
+ <FAIcon
+ class="reset-button"
+ icon="times"
+ type="button"
+ />
+ </button>
</div>
<p>{{ $t('settings.set_new_profile_banner') }}</p>
<img
@@ -174,14 +181,18 @@
<h2>{{ $t('settings.profile_background') }}</h2>
<div class="banner-background-preview">
<img :src="user.background_image">
- <FAIcon
+ <button
v-if="!isDefaultBackground"
- :title="$t('settings.reset_profile_background')"
- class="reset-button"
- icon="times"
- type="button"
+ class="button-unstyled"
@click="resetBackground"
- />
+ :title="$t('settings.reset_profile_background')"
+ >
+ <FAIcon
+ class="reset-button"
+ icon="times"
+ type="button"
+ />
+ </button>
</div>
<p>{{ $t('settings.set_new_profile_background') }}</p>
<img