No OneTemporary
Actions

Authored By

Unknown

Size

1 KB

Referenced Files

None

Subscribers

None

View Options

	diff --git a/src/components/extra_buttons/extra_buttons.vue b/src/components/extra_buttons/extra_buttons.vue
	index 23c1adb618..cdad16667e 100644
	--- a/src/components/extra_buttons/extra_buttons.vue
	+++ b/src/components/extra_buttons/extra_buttons.vue
	@@ -1,59 +1,59 @@
	<template>
	<v-popover
	v-if="enabled"
	trigger="click"
	placement="top"
	class="extra-button-popover"
	:offset="5"
	:container="false"
	>
	<div slot="popover">
	<div class="dropdown-menu">
	<button
	v-if="!status.pinned && canPin"
	+ v-close-popover
	class="dropdown-item dropdown-item-icon"
	@click.prevent="pinStatus"
	- v-close-popover
	>
	<i class="icon-pin" /><span>{{ $t("status.pin") }}</span>
	</button>
	<button
	v-if="status.pinned && canPin"
	+ v-close-popover
	class="dropdown-item dropdown-item-icon"
	@click.prevent="unpinStatus"
	- v-close-popover
	>
	<i class="icon-pin" /><span>{{ $t("status.unpin") }}</span>
	</button>
	<button
	v-if="canDelete"
	+ v-close-popover
	class="dropdown-item dropdown-item-icon"
	@click.prevent="deleteStatus"
	- v-close-popover
	>
	<i class="icon-cancel" /><span>{{ $t("status.delete") }}</span>
	</button>
	</div>
	</div>
	<div class="button-icon">
	<i class="icon-ellipsis" />
	</div>
	</v-popover>
	</template>

	<script src="./extra_buttons.js" ></script>

	<style lang="scss">
	@import '../../_variables.scss';
	@import '../popper/popper.scss';

	.icon-ellipsis {
	cursor: pointer;

	&:hover,
	.extra-button-popover.open & {
	color: $fallback--text;
	color: var(--text, $fallback--text);
	}
	}
	</style>