diff options
| -rw-r--r-- | src/components/settings_modal/tabs/profile_tab.scss | 6 | ||||
| -rw-r--r-- | src/components/settings_modal/tabs/profile_tab.vue | 7 |
2 files changed, 8 insertions, 5 deletions
diff --git a/src/components/settings_modal/tabs/profile_tab.scss b/src/components/settings_modal/tabs/profile_tab.scss index 111eaed3..3c9683cd 100644 --- a/src/components/settings_modal/tabs/profile_tab.scss +++ b/src/components/settings_modal/tabs/profile_tab.scss @@ -54,16 +54,20 @@ border-radius: var(--tooltipRadius, $fallback--tooltipRadius); background-color: rgba(0, 0, 0, 0.6); opacity: 0.7; - color: white; width: 1.5em; height: 1.5em; text-align: center; line-height: 1.5em; font-size: 1.5em; cursor: pointer; + &:hover { opacity: 1; } + + svg { + color: white; + } } .oauth-tokens { diff --git a/src/components/settings_modal/tabs/profile_tab.vue b/src/components/settings_modal/tabs/profile_tab.vue index d3f6727f..881016fb 100644 --- a/src/components/settings_modal/tabs/profile_tab.vue +++ b/src/components/settings_modal/tabs/profile_tab.vue @@ -111,9 +111,9 @@ v-if="!isDefaultAvatar && pickAvatarBtnVisible" :title="$t('settings.reset_avatar')" @click="resetAvatar" + class="button-unstyled reset-button" > <FAIcon - class="reset-button" icon="times" type="button" /> @@ -141,11 +141,11 @@ <img :src="user.cover_photo"> <button v-if="!isDefaultBanner" + class="button-unstyled reset-button" :title="$t('settings.reset_profile_banner')" @click="resetBanner" > <FAIcon - class="reset-button" icon="times" type="button" /> @@ -183,12 +183,11 @@ <img :src="user.background_image"> <button v-if="!isDefaultBackground" - class="button-unstyled" + class="button-unstyled reset-button" :title="$t('settings.reset_profile_background')" @click="resetBackground" > <FAIcon - class="reset-button" icon="times" type="button" /> |