Chore: Hover color for status dropdown (#1906)

This commit is contained in:
Sivin Varghese 2021-03-20 13:08:56 +05:30 committed by GitHub
parent 6afa1fb556
commit e289106c5b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
9 changed files with 190 additions and 149 deletions

View file

@ -3,36 +3,36 @@
<div
v-if="show"
v-on-clickaway="() => $emit('close')"
class="dropdown-pane top"
class="dropdown-pane dropdowm--top"
>
<ul class="vertical dropdown menu">
<li v-if="showChangeAccountOption">
<woot-dropdown-menu>
<woot-dropdown-item v-if="showChangeAccountOption">
<button
class="button clear change-accounts--button"
@click="$emit('toggle-accounts')"
>
{{ $t('SIDEBAR_ITEMS.CHANGE_ACCOUNTS') }}
</button>
</li>
<li v-if="globalConfig.chatwootInboxToken">
</woot-dropdown-item>
<woot-dropdown-item v-if="globalConfig.chatwootInboxToken">
<button
class="button clear change-accounts--button"
@click="$emit('show-support-chat-window')"
>
Contact Support
</button>
</li>
<li>
</woot-dropdown-item>
<woot-dropdown-item>
<router-link :to="`/app/accounts/${accountId}/profile/settings`">
{{ $t('SIDEBAR_ITEMS.PROFILE_SETTINGS') }}
</router-link>
</li>
<li>
</woot-dropdown-item>
<woot-dropdown-item>
<a href="#" @click.prevent="logout">
{{ $t('SIDEBAR_ITEMS.LOGOUT') }}
</a>
</li>
</ul>
</woot-dropdown-item>
</woot-dropdown-menu>
</div>
</transition>
</template>
@ -41,8 +41,14 @@
import { mixin as clickaway } from 'vue-clickaway';
import { mapGetters } from 'vuex';
import Auth from '../../../api/auth';
import WootDropdownItem from 'shared/components/ui/dropdown/DropdownItem.vue';
import WootDropdownMenu from 'shared/components/ui/dropdown/DropdownMenu.vue';
export default {
components: {
WootDropdownMenu,
WootDropdownItem,
},
mixins: [clickaway],
props: {
show: {